easy-mock的简单使用

一.应用背景
因项目排期或者各自进度影响，前端开发往往与接口调试不同步，直接导致了整个项目进度的延后，为了以后避免此类情形，前端同学可以根据自身进度，合理使用easymock数据模拟，进行界面、逻辑、数据等调试。

二.快速开始
easymock官网地址：https://www.easy-mock.com/

1.创建新项目

1552442563424_10_02_34__03_13_2019.jpg

2.你需要完善新项目的一些信息

create-project.png

3.创建成功之后，让我们来创建一个接口进行调试。

1552442966865_10_09_23__03_13_2019.jpg

4.创建数据对象

3.jpg

5.先做一个简单的联调

回到你的接口列表，获取你的接口链接

4.jpg

[图片上传中...(5.jpg-89657-1568895208897-0)]

进入你的项目进行接口调试（此处以iOS举例）

5.jpg

方法调用

6.jpg

[图片上传中...(7.jpg-ad08ec-1568895262733-0)]

调用成功，控制台输出的返回数据如下

7.jpg

再来看一下界面显示

8.jpg

至此，一个简单的联调就结束了。

三.进阶指南
1.移动端调试
步骤：
利用 Charles Fiddler 等代理工具，抓取客户端中包含页面入口的接口
在 Easy Mock 上创建一个接口
将刚刚抓取的接口数据复制到 数据编辑器 中，修改页面入口为本地的入口然后保存。要用本地 ip 哦，localhost 在手机上是无效的
复制接口地址
回到代理工具，点击最开始抓取的接口，将其代理成刚刚复制的地址即可

2.语法提示

现在数据编辑器支持 语法提示 了。如果你想获得关于 Mock.js 的语法提示，可以输入 em. 即可。 按照 Mock.js 的分类，分为：

• em.base
• em.date
• em.image
• em.color
• em.text
• em.name
• em.web
• em.address
• em.helper
• em.miscellaneous
• em.demo.all
  尝试一下

9.jpg 10.jpg

iOS demo附件:https://github.com/renyusheng/easy-mock