如何使用Easy Mock

如何使用Easy Mock

Easy Mock是什么

Easy Mock是一个可视化，并且能快速生成模拟数据的服务。以项目管理的方式组织MockList，能帮助我们更好的管理Mock数据，不怕丢失。

解决的问题

​ 开发时，后端还没完成数据输出，前端只好写静态模拟数据。

​ 数据太长了，将数据写在js文件里，完成后挨个改url。

​ 某些逻辑复杂的代码，加入或去除模拟数据时得小心翼翼。

​ 想要尽可能还原真实的数据，要么编写更多代码，要么手动修改模拟数据。

​ 特殊的格式，例如IP，随机数，图片，地址，需要去收集。

常见的mock方式

1. 将mock数据直接写在代码里
2. 利用JS拦截请求
3. 利用Charles、Fiddler等代理工具拦截请求
4. mock平台。如EasyMock、RAP等

使用的优势

1. 前后端分离：让前端工程师独立于后端进行开发。
2. 增加单元测试的真实性：通过随机数据，模拟各种场景。
3. 开发无侵入：不需要修改既有代码，就可以拦截ajax请求，返回模拟的响应数据。
4. 用法简单：符合直觉的接口。
5. 数据类型丰富：支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
6. 方便扩展：支持扩展更多数据类型，支持自定义函数和正则。
7. 在已有接口文档的情况下，我们可以直接按照接口文档来开发，将相应的字段写好，在接口完成之前，只需要改变url地址即可。

如何使用

1. 打开Easy Mock官网：https://easy-mock.com，注册并登录。

2. 创建个人项目或者团队项目

3. 新增接口

4. 在项目中使用接口

   具体教程：

   https://www.cnblogs.com/zlhd/p/7730251.html

   https://blog.csdn.net/bradmatt/article/details/80811072

编码实战 Demo：https://ptteng.github.io/PPT/demo/js-11-How%20to%20use%20easy%20mock/demo.html

语法详见mock.js官网实例：http://mockjs.com/examples.html