使用json-server和faker.js模拟REST API，轻松搭建属于自己的接口，方便快捷

本文主要是介绍使用json-server和faker.js模拟REST API，轻松搭建属于自己的接口，方便快捷，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

https://segmentfault.com/a/1190000008574028

github地址：https://github.com/typicode/json-server

今天发现了一个神器——json-server!在他的帮助下可以在很短的时间内搭建一个Rest API, 然后就可以让前端在不依赖后端的情况下进行开发啦！

关于什么是RESTful API:
《RESTful API 设计指南》—— 阮一峰
http://www.ruanyifeng.com/blo...

JSON-Server

简单来说，JSON-Server是一个Node模块，运行Express服务器，你可以指定一个json文件作为api的数据源。

举个例子：
我们现在想做一个app，用来管理客户信息，实现简单的CRUD功能（create/retrieve/update/delete)，比如：

• 获取客户信息

• 增加一个客户

• 删除一个客户

• 更新客户信息

好啦，接下来我们就使用json-server完成这一系列动作吧！

安装JSON-Server

npm install -g json-server //osx系统加'sudo'

新建一个文件夹同时cd它：

mkdir customer-manager

cd customer-manager

  新建一个json文件，然后存放一点数据进去：

echo {"customers": [{ "id": 1, "first_name": "John", "last_name": "Smith",  "phone": "219-839-2819" }]
} > customers.json

{"customers": [{ "id": 1, "first_name": "John", "last_name": "Smith",  "phone": "219-839-2819" }]
}

开启json-server功能

所有你要做的事情只是让json-server指向这个customers.json就ok啦！

json-server customers.js

然后出现这个提示就ok啦！

另外，JSON-Server很酷的一点就是支持各种GET/POST/PUT/DELETE的请求。
看几个例子：

//GET
fetch('http://localhost:3000/tasks/').then(function(response) {return response.json()}).then(function(json) {console.log('parsed json: ', json)}).catch(function(ex) {console.log('parsing failed: ', ex)});//POST
fetch('http://localhost:3000/tasks/', {method: 'post',headers: {'Accept': 'application/json','Content-Type': 'application/json'},body: JSON.stringify({"title":   "Add a blogpost about Angular2","dueDate": "2015-05-23T18:25:43.511Z","done": false})
}).then(function(response) {return response.json()}).then(function(json) {console.log('parsed json: ', json)}).catch(function(ex) {console.log('parsing failed: ', ex)});//PUT
fetch('http://localhost:3000/tasks/1', { //在url后面指定下id就好method: 'put',headers: {'Accept': 'application/json','Content-Type': 'application/json'},body: JSON.stringify({"done": true})
}).then(function(response) {return response.json()}).then(function(json) {console.log('parsed json: ', json)}).catch(function(ex) {console.log('parsing failed: ', ex)});//DELETE
fetch('http://localhost:3000/tasks/1', {
method: 'delete'
}).then(function(response) {return response.json()}).then(function(json) {console.log('parsed json: ', json)}).catch(function(ex) {console.log('parsing failed: ', ex)});

JSON-Server基本就是这样啦！接下来介绍另一个神器~

这篇关于使用json-server和faker.js模拟REST API，轻松搭建属于自己的接口，方便快捷的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---