Быстрый способ создать фиктивный сервер API для разработки вашего приложения

Зачем нужен макет API-сервера

Чтобы продемонстрировать, как приложение React взаимодействует с внутренним сервером API, я хочу создать что-то быстро. Цель состоит в том, чтобы настроить сервер API RESTful, на котором мы можем выполнять некоторые базовые операции CRUD.

Есть много способов достичь цели, но я выбрал json-server из- за его простоты.

Библиотека предоставляет инструмент CLI, так что вы можете запускать его как команду из вашего терминала.

Требования

• Модуль v6 +

Установить

npm install -g json-server

Запуск

Убедитесь, что у вас есть файл db.json, в котором хранятся ваши данные, например:

{
    "products": [],
    "categories": [
    	{ "id": 1, "name": "Toys" } 
    ]
}

Это большой файл json, содержащий один объект, ключи которого являются именами collection, а значения – массивами, содержащими коллекции documents. Если вы раньше работали с MongoDB, вы, вероятно, знакомы с терминами. Обратите внимание, что каждый document должен содержать уникальный id.

Запустите команду json-server, как показано ниже:

json-server ./db.json

После выполнения команды она покажет вам, как отображаются URL-адреса ресурсов. Попробуйте открыть их в браузере и посмотрите результат.

Вы можете изменить порт по умолчанию на другой порт, если хотите, указав  параметр port. 

Теперь ваш сервер API запущен и работает.