Json-server的使用

在大多数开发流程中,前端开发会极大的依赖于后端的数据,而事实却是开发初期,后台开发人员一般只会输出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还有很多高级的用法,具体使用直接查询其官网即可。