Итак, как фронтенд-инженер при использовании React, Angular или Vue или любых других библиотек или фреймворков, бывает несколько раз, когда у вас есть готовые представления, и вам нужно делать запросы api для дальнейшей доработки вашей работы, но затем конечные точки, которые вы потребности не доступны. Затем вы сталкиваетесь с проблемой попытки использовать локальный объект json в качестве фиктивных данных. тогда как вам действительно нужна живая конечная точка для работы.
Теперь вы можете использовать REST Json Server, который дает нам доступ к HTTP-командам, а затем завершает другие дела. Эта статья поможет вам начать.
Шаг 1:
Create a folder e.g rest-api
npm init
Настройте свой package.json
таким образом. Не стесняйтесь редактировать в соответствии со своими потребностями.
Шаг 2
Создайте файл db.json
в корневой папке.
Обратите внимание, что массив сотрудников служит вашей таблицей, в которой вы можете выполнить HTTP-запрос следующим образом:
GET / сотрудники
GET / сотрудники / {id}
POST / сотрудники
PUT / сотрудники / {id}
PATCH / сотрудники / {id}
УДАЛИТЬ / сотрудники /{я бы}
Затем вы также можете создать новый массив внутри db.json
файла с именем users
следующим образом:
GET / users
GET / users / {id}
POST / users
PUT / users / {id}
PATCH / users / {id}
DELETE / users /{я бы}
Шаг 3
Создайте index.js
файл со следующим содержимым.
Это инициализирует jsonServer (адаптированный из json-server) и настроит маршрутизатор jsonServer для маршрутизации всех форм запросов на
db.json
Затем настроенный маршрутизатор используется в качестве промежуточного программного обеспечения для jsonServer.
Наконец, настройки jsonServer по умолчанию используются для сервера в качестве еще одного промежуточного программного обеспечения, которое будет прослушивать PORT 3000.
Затем из корневого каталога создайте папку public
, а затем файл index.html
Шаг 5
npm install
npm start
Вот и все.
Теперь вы можете загрузить свою собственную службу rest-serve и использовать ее для любого проекта.
Обратите внимание, что для более крупных проектов со сложной схемой данных вам все равно может потребоваться дождаться разработчиков серверной части и работать с ними.
Вот URL-адрес героку:
Вот полный код этой статьи, чтобы вы могли начать: