项目开发过程中,前后端开发人员并行开发效率是不言而喻的,如果前端er,脚本提前完成,而后端er由于业务复杂接口还没有完成,那前端er就会出现等待状态。
如果两者可以将数据模型提前商量好,然后有一个工具可以模拟接口,那前端er就可以继续写异步交互的响应逻辑了。
之前项目开发工程中,都是商量好数据模型,写到txt文件里,放到静态资源文件夹的某个角落,一个接口就对应一个txt文件,一个项目下来,成片的txt。
json-server这个工具恰恰可以处理这种尴尬的场景,接着就说说json-在项目中的应用。
json-server项目中安装
npm install json-server --save-dev
进入项目根目录新建一个db.json文件,db可以根据自己命名习惯自由定义,里边添加如下数据:
{
"posts": [{
"id": 1,
"title": "lala",
"author": "typicode"
}],
"comments": [{
"id": 1,
"body": "some comment",
"postId": 1
}],
"profile": {
"message": "成功",
"data": [{
"id": 1,
"tabType": "all",
"tabName": "全部",
"isDelete": false
}],
"status": "success"
}
}
打开项目中package.json修改如下代码:
"scripts": {
"server": "json-server db.json",
"test": "echo \"Error: no test specified\" && exit 1"
}
启动服务,即执行如下命令:
npm run server
如下样子,恭喜你成功啦!
接口现在支持方式
post、get、delete、put、patch方式。
好啦,现在请尽情的在db.json中自由的编写数据模型吧。