Charles是一款非常好用的代理工具,关于Charles的安装、破解、安装证书,连接手机代理等使用方法详见我之前的博客:https://www.cnblogs.com/feng0815/p/8043375.html ,本次只介绍Charles的几种mock方法。

Charles提供了Map功能、Rewrite功能、Breakpoints功能,都可以达到修改服务器返回内容的目的,这三者的差异是:
  • Map功能适合长期的将某些请求重定向到另一个网络地址或本地文件
  • Map Local功能:将请求的返回重定向到本地文件中
  • Map Remote功能:将请求的域名重定向到一个网络地址
  • Breakpoints功能适合做临时性的修改,request和response都支持修改
  • Rewrite功能适合对网络请求进行一些正则替换

该方法是通过打断点的方式进行mock

对要打断点的接口右键,然后选择【BreakPoints】(点击一次就行了,点击多次会移除) ,如果是已经好了的,显示是一个“✔️”的状态。

该方法是通过拦截请求,修改请求数据,然后再把修改过的请求数据返回给客户端,下面说下具体的操作步骤

1.找到你想要的链接右键勾选Breakpoints功能,工具栏的断点图标就会变红;

Charles mock数据的四种方式及弱网测试设置

2.设置断点,“Proxy”->“Breakpoints”
Charles mock数据的四种方式及弱网测试设置

 

3.弹出Breakpoints Settings 弹窗

Charles mock数据的四种方式及弱网测试设置

4.双击Location中的想要打断点的接口,弹出Edit Breakpoints,将Query中的内容删除,输入*;如果修改Request数据,就将Request勾选;如果修改Response数据,就将Response勾选;

Charles mock数据的四种方式及弱网测试设置

5.此时重新访问该接口,Charles自动跳转到Breakpoints页面,此时修改Response数据,点击Edit Response,切换底部tab至Text,修改所需要的数据;

Charles mock数据的四种方式及弱网测试设置Charles mock数据的四种方式及弱网测试设置

需要注意的是,该方法对时间要求比较高,需要快速的修改请求数据,否则很容易造成超时修改失败。

二、Rewrite

1.添加rewrite

Charles mock数据的四种方式及弱网测试设置

 

 2.设置要替代的内容

Charles mock数据的四种方式及弱网测试设置

 3.再次刷新页面

Charles mock数据的四种方式及弱网测试设置

 

三、MapLocal

1.先抓取某个页面的接口数据,修改并保存,如下图这个页面

Charles mock数据的四种方式及弱网测试设置

修改接口数据:

Charles mock数据的四种方式及弱网测试设置

2.在要mock的接口右键选择MapLocal

Charles mock数据的四种方式及弱网测试设置 

 或者从Tools工具栏进入

Charles mock数据的四种方式及弱网测试设置

3.进入设置页面,现在要替换的数据文件

Charles mock数据的四种方式及弱网测试设置

 

 5.再次刷新页面

Charles mock数据的四种方式及弱网测试设置

四、MapRemote

例:把百度搜索刘亦菲的结果替换成赵丽颖的搜索结果

Charles mock数据的四种方式及弱网测试设置

 

mapfrom:https://www.baidu.com/s?wd=刘亦菲

mapto:https://www.baidu.com/s?wd=赵丽颖

Charles mock数据的四种方式及弱网测试设置

 

 

 Charles mock数据的四种方式及弱网测试设置

五、弱网测试

Charles mock数据的四种方式及弱网测试设置

 

Charles mock数据的四种方式及弱网测试设置

 

 Charles mock数据的四种方式及弱网测试设置

 

Charles mock数据的四种方式及弱网测试设置

 

 

 

相关文章:

  • 2021-06-16
  • 2021-12-22
  • 2021-09-15
  • 2021-10-17
  • 2022-12-23
猜你喜欢
  • 2021-12-11
  • 2021-06-29
  • 2021-11-29
  • 2022-01-14
  • 2021-08-14
相关资源
相似解决方案