用 JSON Server 做 Data Mock
情景
在团队协同开发时大家经常时先写文档,把接口和对应的json数据都规定在文档里
然后项目组的前后端分别依据此文档来写程序。
然而,前端的同学没有后端同学接口返回数据之前,一般会等后端开发的同学把接口调试好才能联调。 等待的过程可能会导致前后端开发不同步。
JSON Server 来了 等灯登灯。。。
JSON Server 很优雅的解决了这个问题
优雅的JSON Server
JSON Server 是 Node.js写的一个第三方库,可快速生成 REST API fake json 数据,安装使用非常方便。
通过JSON Server 前端开发同学不用等后端同学的接口,自己随手找个服务器,写一个json文件几条命令就可生成服务端接口,服务端同学接口开发完成之后,前端同学把客户端服务地址一更换即可时间无缝对接。
快速使用
首先要确认安装Node.js,如何安装就不在此赘述了
安装 JSON Server
$ npm install -g json-server
编辑json文件,如编辑 db.json文件添加以下内容:
{
"posts": [
{ "id": 1, "title": "json-server", "author": "typicode" }
],
"comments": [
{ "id": 1, "body": "some comment", "postId": 1 }
],
"profile": { "name": "typicode" }
}
开启服务
$ json-server --watch db.json
访问 http://localhost:3000/posts/1, 返回如下
{ "id": 1, "title": "json-server", "author": "typicode" }
json-server 默认使用3000端口,你也可以更改端口
$ json-server -p 20001 -w db.json
注: 如果放在服务器上不要忘记开防火墙否则不能访问
同时JSON Server 支持REST 其他方法,
更多请查看考GitHubhttps://github.com/typicode/json-server
转载请注明出处