前提:确保手机已和PC上的Charles代理链接成功。
我们在平时的业务开发中,经常有端上已开发完成,但后端接口还没有Ready的情况;或者需要接口频繁变更数据来测试各种case的情况。这样如果过度依赖接口,肯定会极大降低我们的开发效率,所以我们需要mock数据来提高开发效率。
网上有很多开源的mock框架如Apifox、Apipost等,大家有兴趣的可以研究研究。今天要介绍的是使用Charles进行数据mock。
1、保存response数据:
选中接口→右键→选中Save Response→保存。
这样就把该response数据保存到了本地文件。
2、开启map映射:
选择Tools → Map Local → 勾选Enable Map Local
选中Add后出现如下图,根据提示填写接口信息即可:
这样即完成了response mock数据映射。
3、修改mock数据:
比如:我将步骤1中response数据中的title字段由原来"注册领取80RMB"改成"登录领取80RMB",只修改本地存储的response mock数据并保存即可:
可以看到返回的数据已经完成了变更。
4、取消mock数据:
如果此时接口已经ok,想取消mock数据,通过如下步骤即可:
选择Tools → Map Local → 【取消勾选】Enable Map Local