Статьи

Пример сервера JSON

Сентябрь 2, 2018

Этот пример JSON-сервера является частью серии статей, которая была переписана в середине 2017 года с обновленной информацией и свежими примерами.

JSON Server — это популярный инструмент для разработчиков, позволяющий быстро настроить полностью искусственный REST API менее чем за минуту. Вам нужно сначала установить его через npm: 

npm install -global json-server

Затем сохраните некоторые данные в файл JSON и назовите его db.json : 

 {
  "clients": [
    {
      "id": "59761c23b30d971669fb42ff",
      "isActive": true,
      "age": 36,
      "name": "Dunlap Hubbard",
      "gender": "male",
      "company": "CEDWARD",
      "email": "dunlaphubbard@cedward.com",
      "phone": "+1 (890) 543-2508",
      "address": "169 Rutledge Street, Konterra, Northern Mariana Islands, 8551"
    },
    {
      "id": "59761c233d8d0f92a6b0570d",
      "isActive": true,
      "age": 24,
      "name": "Kirsten Sellers",
      "gender": "female",
      "company": "EMERGENT",
      "email": "kirstensellers@emergent.com",
      "phone": "+1 (831) 564-2190",
      "address": "886 Gallatin Place, Fannett, Arkansas, 4656"
    },
    {
      "id": "59761c23fcb6254b1a06dad5",
      "isActive": true,
      "age": 30,
      "name": "Acosta Robbins",
      "gender": "male",
      "company": "ORGANICA",
      "email": "acostarobbins@organica.com",
      "phone": "+1 (882) 441-3367",
      "address": "697 Linden Boulevard, Sattley, Idaho, 1035"
    }
  ]
}

Наконец, запустите сервер с помощью следующей команды: 

 json-server --watch src/db.json

Теперь вы можете получить доступ к простому REST API с помощью подходящего клиента. Пока что подойдет современный браузер, такой как Chrome, Firefox или Safari. Откройте http: // localhost: 3000 / clients, и вы увидите всю свою миниатюрную базу данных в формате JSON. Вы можете просматривать элементы по идентификатору , используя формат запроса http://localhost:3000/clients/{id} Например, открытие http: // localhost: 3000 / clients / 59761c233d8d0f92a6b0570d приведет к: 

 {
  "id": "59761c233d8d0f92a6b0570d",
  "isActive": true,
  "age": 24,
  "name": "Kirsten Sellers",
  "gender": "female",
  "company": "EMERGENT",
  "email": "kirstensellers@emergent.com",
  "phone": "+1 (831) 564-2190",
  "address": "886 Gallatin Place, Fannett, Arkansas, 4656"
}

Чтобы узнать больше о сервере JSON, ознакомьтесь с учебным пособием Mock REST API, используя json-сервер

Также: Смотрите больше примеров JSON .

Вот другие примеры из этой серии:

41
Share: