JSON服务器示例

这JSON服务器的例子是部分系列文章是在2017年中期改写了最新的信息和鲜活的事例。

JSON的服务器是前端开发的流行工具在不到一分钟内迅速建立一个完全假的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": "[email protected]",
      "phone": "[phone]",
      "address": "169 Rutledge Street, Konterra, Northern Mariana Islands, 8551"
    },
    {
      "id": "59761c233d8d0f92a6b0570d",
      "isActive": true,
      "age": 24,
      "name": "Kirsten Sellers",
      "gender": "female",
      "company": "EMERGENT",
      "email": "[email protected]",
      "phone": "[phone]",
      "address": "886 Gallatin Place, Fannett, Arkansas, 4656"
    },
    {
      "id": "59761c23fcb6254b1a06dad5",
      "isActive": true,
      "age": 30,
      "name": "Acosta Robbins",
      "gender": "male",
      "company": "ORGANICA",
      "email": "[email protected]",
      "phone": "[phone]",
      "address": "697 Linden Boulevard, Sattley, Idaho, 1035"
    }
  ]
}
 

最后，启动用下面的命令服务器：

 json-server --watch src/db.json
 

现在，您可以用合适的客户端访问简单的REST API。 现在，如Chrome，Firefox或Safari现代浏览器就行了。 打开http：//本地主机：3000 /客户，你会看到以JSON格式整个微型数据库。 您可以通过使用请求格式查看由ID项目http://localhost:3000/clients/{id} 例如，打开http：//本地主机：3000 /客户端/ 59761c233d8d0f92a6b0570d将产生：

 {
  "id": "59761c233d8d0f92a6b0570d",
  "isActive": true,
  "age": 24,
  "name": "Kirsten Sellers",
  "gender": "female",
  "company": "EMERGENT",
  "email": "[email protected]",
  "phone": "[phone]",
  "address": "886 Gallatin Place, Fannett, Arkansas, 4656"
}
 

要了解更多关于JSON服务器，检查出的教程模拟的REST API使用JSON服务器

另外： 查看更多JSON的例子 。

以下是本系列的其他例子：

• 颜色JSON实施例
• 谷歌地图JSON例
• YouTube的JSON实例
• 微博JSON实施例
• GeoIP的JSON实施例
• WordPress的JSON实例
• 数据库实例JSON
• 本地JSON REST例
• 测试数据JSON例

From: https://www.sitepoint.com//json-server-example/