Charles抓包工具系列功能之mock数据（一）

Charles抓包工具系列功能之mock数据（一）

一、功能用途

1、造数据。有接口文档，已知接口和数据格式，后端还没有跑数据，可以根据数据格式造数据，或用于开发测试时间紧或者接入第三方接口的情况，可提前进行开发和测试。
2、造场景。用于开发和验证接口不同返回情况下，前端展示。可以把返回数据改成自己想要的结果，不影响公用数据（不用改库）

二、实现方式

Charles 通过设置网络访问代理服务器，拦截需要mock数据的接口，把本地的json文件作为response返回

三、操作步骤

1、通过Charles抓包，找到需要mock的接口，把返回的结果保存到本地。路径：接口选中-右键保存（save Response）

2、打开保存的文件，文件返回的结果/结构改成自己想要的模式，改好后保存文件
3、选中刚刚保存数据的接口，右键选中访问方式，上传本地文件。
路径1：接口右键选中-map Local
[或者路径2：导航栏-Tools- map Local ]

4、在页面上操作，重新请求一次接口，这时候访问的应该就是本地文件了，接口的图标也变成了本地文档的样式。页面返回就是通过mock数据得到的。

6、取消本地mock接口。mock接口后，默认下一次是访问本地文件，取消本地访问勾选就可以重新访问服务器。
[路径2：导航栏-Tools- map Local ]
直接取消选择框1，就可以重新访问服务器。如果保存了一个接口多次的mock数据，在下一次mock接口时，把上一次的接口2取消勾选就可以了。