抓包工具charles,fiddler的使用(抓取电脑端https请求,配置证书;抓取移动端请求,配置证书;AutoResponder; 断点;弱网)

哪些场景下会使用到代理工具抓包

  • 分析接口数据

  • 判断前后端bug:比如客户端遇到了一个页面展示的Bug, 通过抓包查看接口返回的数据是否正确,如果接口返回的就错了,那就是后端。如果接口返回的没问题,而客户端展示错误,那就是前端问题)

  • 做mock测试: 因为现在都是前后端分离的,可能在测试前端的时候,后端接口还没开发好,但是又需要接口给我们提供的数据,就可以用mock的方式模拟接口返回的数据来代替真正的接口返回,这样的话,前端测试就可以先顺利进行了,这样可以提高我们工作的效率

  • 做弱网测试

charles

charles下载

https://download.ceshiren.com/charles/

Charles 电脑证书配置

c6ea4acf58dc33d6fe7bc644eb8ef85

c337acdbea21edade0ab5227a2ee5a8

0989fac9878a7eba38b176e209b36c7

如果安装后证书还是显示过期

则需要重置一下

再次安装

charles 移动端代理配置

打开移动端-设置-网络

把本地ip地址以及监听端口填到移动端

image

填完后,电脑端会有弹窗,点击allow

在移动端浏览器输入网址,下载证书

image

如果使用真机,android6以上系统,要跟开发确认测试包对应的代码是否打开了抓包的开关

charles的过滤功能

  • filter

  • focus

charles的重发功能

简单压力测试 repeat advanced

点击确定后,会重新开一个session

charles设置断点(用的比较少,因为会设置超时时间,断点后修改请求会花一些时间)

第一步:image

第二步:

image

fiddler

1. fiddler下载 https://www.telerik.com/fiddler

  • fiddler是位于客户端和服务端的http代理:即可短短发送的所有请求都会先经过fiddler,然后再发给服务端,同样的,服务端返回的响应,也会先经过fiddler,再发给客户端。

  • 打开fiddler后,fiddler会自动把自己设为系统代理

2. 屏蔽掉一些信息:

3. 抓取HTTPS请求,fiddler证书配置

4. 抓取移动端请求

image

5. filter设置过滤

6. AutoResponder(构造响应内容,做mock测试)

  • 带EXACT,是精准匹配;不带EXACT, 是url里只要包含这部分,就会使用到构造的响应内容

7. 断点(可以修改请求,响应内容)

  1. 全局设置断点

  1. 局部设置断点
  • 在请求发给服务器前设置断点:(可以修改请求后再发给服务器处理)

  • 在服务器做出响应后设置断点(修改响应后再发给客户端)

客户端和服务端会设置超时时间,如果超时,会重新发出请求,或者报错,如果用断点修改请求或响应,是比较适合修改内容比较少,如果修改的地方太多,就会超时,修改就会不成功。如果修改的是响应并且修改内容很多,可以通过AutoResponder的方式。如果修改的是请求或者响应内容修改的较少,可以通过断点方式。

8. 弱网

  • 修改网络配置参数