常用模拟mock数据的方式

1. mockjs.com

网站提供一个 mock.js 库可以帮我们生成模拟数据
这个我之前已经写过了，可以参考一下https://www.jianshu.com/p/6693ed3dbf5e

2. RAP2

http://rap2.taobao.org/account/login 网站
可视化的方式生成模拟数据 （背后是 阿里妈妈（阿里旗下的专注于做广告运营的一个公司） 做的）

这个首先你的注册一个账号，登录后可以在仓库选项里面新建一个仓库，根据自己业务需求去命名，点击提交即可。这样就完成了

创建仓库.png

点进去以后我们可以看到左边有一个实例接口，你可以点进去看看人家的接口效果是咋。
然后自己也可以建一个接口

新建接口.png

如果填写了

请求参数.png

请求参数如果是必选的话，那么在地址栏请求参数的时候一定要加

url.png

3. 我们可以使用第三方的网站

直接提供这些测试数据
http://jsonplaceholder.typicode.com/
这个网站也有一些Resources可以适合我们去写类似于发布文章的这种页面

• 列表

http://jsonplaceholder.typicode.com/posts

• 根据id查看详情

http://jsonplaceholder.typicode.com/posts/1

• 支持分页

http://jsonplaceholder.typicode.com/posts?_page=1&_limit=2

• 全局查询

http://jsonplaceholder.typicode.com/posts?q=查询关键字

q: 是query（查询）的简写

• 排序

http://jsonplaceholder.typicode.com/posts?_order=asc&_sort=id

_sort: 代表的是排序的字段
_order: 代表是排序的方式（1. desc 代表的是降序，从大到小 2. asc 代表的是升序，从小到大）

总结：

jsonplaceholder 这个网站的接口好处非常的便利，用户不需要任何代码的编写，即可得到一些测试的接口。但是这些接口数据里面的字段比较固定（很难做到定制化）使用的时候也有一定的局限（如果我们可以自己去定制这些字段，同时有可以快速的实现这些排序、分页的这样功能更好）。

• 之前 mock.js + express 构建接口（构建非常的丰富，需要后台编程的经验）
• jsonplaceholder 便利，提供的数据模板很限制

接下来给介绍一个新的工具 json-server 兼具 上面两种方式的优势。

json-server 是什么？如何使用？
可以参考我的文档
https://www.jianshu.com/p/656d939aa203