在大多数开发流程中,前端开发会极大的依赖于后端的数据,而事实却是开发初期,后台开发人员一般只会输出API文档给前端开发人员。但是有些业务逻辑需要后台API数据的支持,必须等到后台API开发完成后,才能测试这些业务逻辑。
那么如何解决这个矛盾呢?读了这篇文章就会有答案。
About json-server
json-server号称让你30秒之内,在无需任何代码的情况下,搭建一个fake的REST API server。
项目的主页在这里:https://github.com/typicode/json-server
如何使用
首先是安装,非常简单:
$npm install -g json-server
然后创建你的server想要提供的REST数据,我们直接拷贝官网上的例子:
{
"posts": [
{ "id": 1, "title": "json-server", "author": "typicode" }
],
"comments": [
{ "id": 1, "body": "some comment", "postId": 1 }
],
"profile": { "name": "typicode" }
}
解下来启动json-server:
$ json-server --watch db.json
启动后你就会在终端中看到如何访问REST数据的方法,一般来说是访问
http://localhost:3000
如果想访问posts列表:
http://localhost:3000/posts
如果想访问具体的某个posts:
http://localhost:3000/posts/1
分页查询:
分页查询是非常常见的需求 json-server提供了如下关键字参数
- _start: 起始位置 从0开始
- _end: 结束位置 从0开始
- _limit: 每页数量
实际例子如下:
http://localhost:3000/posts?_start=0&_end=5
json-server还有很多高级的用法,具体使用直接查询其官网即可。