快速创建REST API服务，告别前端小姐姐的催促！

我们都知道，现在开发中，前后端分离是主流趋势。

在企业开发中，一般是前后端双方约定好接口交互的信息，根据接口文档自行开发。这样并行开发，能大大提高工作效率！

但是，理想很丰满，现实很骨感！往往后端接口还没开发好，前端小姐姐就在催后端接口要返回的数据。

本来我后端就没开发完，她还总赖在这里不走唠嗑打扰我工作，好烦啊！

这时候就很需要有一个工具可以快速实现 Http 接口的服务！

今天，给大家介绍一个可以快速 Mock Http 请求的工具！30 秒内即可让前端小姐姐闭嘴！

项目介绍

JSON Server —— 无需编码，在不到 30 秒的时间内获得一个完整的假 REST API。

全局安装：

<code>npm install -g json-server</code>

快速开始

首先需要创建一个用来存储数据的 json 文件 db.json：

<code>{ "books": [ { "id": 1, "title": "西游记", "author": "吴承恩" }, { "id": 2, "title": "水浒传", "author": "施耐庵" }, { "id": 3, "title": "三国演义", "author": "罗贯中" }, { "id": 4, "title": "红楼梦", "author": "曹雪芹" } ], "users": [ { "id": 1, "name": "Tom", "age": 10 }, { "id": 2, "name": "Jack", "age": 20 }, { "id": 3, "name": "Mary", "age": 30 }, { "id": 4, "name": "Jane", "age": 25 }, { "id": 5, "name": "Mike", "age": 18 } ], "profile": { "nickname": "Java", "info": { "avater": "https://chencoding.top:8090/_media/logo_2.png", "address": "浙江省宁波市" } } }</code>

使用如下的命令，启动 JSON Server：

<code>json-server --watch db.json</code>

默认会启动一个端口为 3000 的服务，也可以自定义修改端口号。

普通用法

访问首页：GET http://localhost:3000

获取整个 db 数据：GET http://localhost:3000/db

获取某个列表全部数据：GET http://localhost:3000/books

根据 id 获取数据：GET http://localhost:3000/books/2

新增一条数据：POST http://localhost:3000/books

根据 id 修改数据：PUT/PATCH http://localhost:3000/books/5

根据 id 删除数据：DELETE http://localhost:3000/books/5

进阶用法

参数过滤、分页查询、排序、切片、运算符比较、模糊查询、全字段模糊查询、树形查询等高级用法。

总结

我们可以在不用编码的情况下，使用 JSON Server 快速搭建出一个 REST API 服务，可以说是十分方便的！

我们不仅可以在开发阶段中使用，也可以自己单独做成一个简单的服务，供自己或者他人在一些特定的场合下快速使用！

项目地址：

https://github.com/typicode/json-server