charles mock 数据返回

时间:2024-03-17 08:17:14

charles模拟服务器返回数据

用的mac(所以下面只讲解mac版的);
参考链接: https://blog.csdn.net/u012685021/article/details/54926737

1. 准备条件:

1.客户端电脑和手机需要连接同一个wifi
2.官网下载安装charles,根据你的电脑系统选择相应的下载的版本。

charles mock 数据返回
##### 2. 下载 charles.jar **文件,将下载好的文件替换 安装路径\lib下的 charles.jar 文件,重启应用 ##### 3. 安装本地证书 1. 点击 `help`中的` SSL Proxying `中的`install Charles Root Certificate` ,按照提示完成本地证书安装。 2. 移动网络设备配置 点击 `help`中的`SSL Proxying`中` Install Charles Root Certificate on a Mobile Device or Remote Brower…`然后会跳出如下弹窗
charles mock 数据返回
charles mock 数据返回
根据弹窗信息更改移动设备中的网络代理。在手机射设置 - WLAN 选择和电脑连接的同一个网络。点击网络设置,代理选择手动,填写的ip和端口号为电脑这时的ip和端口号(默认是 8888)。 3. 下载证书安装 配置完成之后,移动端打开手机浏览器`http://www.charlesproxy.com/getssl `就会开始下载证书安装。

ps: 本人是小米手机,小米手机自带浏览器下载的证书是无法使用的。
解决:
1.下载uc浏览器或者第三方的浏览器 打开chls.pro/ssl下载下来的是.pem后缀的证书,
2. 将下载下来的证书放在手机download文件夹下,后缀改成.crt
3. 设置 -> 更多设置 -> 系统安全 -> 加密与凭据 -> 从存储设备安装 -> 选择该文件 进行安装。
如下图:

charles mock 数据返回
4. 转接服务器地址 转接服务器地址是将客户端的请求本来发给服务端。但charles可以拦截这个ip地址,使其不向服务端发起请求,而是从你指定的服务端或者本地返回模拟的数据 在需要mock数据的接口右键选择`map local`(ps: map remote 是mock的数据为远程的地址,我在mock数据在本地,所以用map local); 如下图:
charles mock 数据返回
配置完成之后,刷新可以看到返回的数据就是本地的数据。 在自测完成,与后台对接时,需要把本地的路径关掉或者移除: tools -> Map local ,如下图
charles mock 数据返回