在做客户端/服务端测试时,经常需要对客户端的操作进行抓包分析,排查请求和响应数据是否符合预期。因此抓包能力是软件测试从业者的必备技能。目前行业里常用的抓包工具主要有Fiddler和Charles。本文重点讲解下Charles的基本使用。

Charles 是一款支持 HTTP 代理和抓包的网络代理软件。浏览器或APP通过 Charles 访问网络时,它可以记录并显示所有发送、接收的数据。

一、安装

Charles依赖Java运行环境,本机需要先配置好jdk(具体安装配置略)

访问Charles官网:https://www.charlesproxy.com/

点击右侧下载按钮,就能下载最新版Charles,在Windows下双击安装即可。目前最新的版本是4.6.2。

二、web抓包

默认情况下,启动Charles后,就能自动抓Chrome浏览器、Firefox浏览器的包,如果不能抓,请检查Charles中是否勾选了代理开关“Windows Proxy/Mac Proxy”

三、charles主要的功能包括如下几点:

· 截取 Http 和 Https 网络封包

· 支持重发网络请求,方便后端调试

· 支持修改网络请求参数

· 支持网络请求的截获并动态修改

代理服务器的工作原理如下所示:

客户端发起请求,请求通过charles转发给服务器,服务器返回响应,响应通过charles转发给客户端。

charles所起的作用就相当于信使,把信息从A传递给B,并且把回信从B传递给A,正因为他这个信使的工作,所以他对信息的内容了如指掌(不管是原信还是回信),正因为如此,charles也就可以篡改信息的内容,即篡改请求和响应。

四、常用功能

Charles主要提供两种查看封包的视图,分别名为 “Structure” 和 “Sequence”

Structure 视图将网络请求按访问的域名分类Sequence 视图将网络请求按访问的时间排序

五、请求过滤

默认情况下Charles会抓取所有的数据包,并展示在请求列表中。但是大多数情况下,我们只关系某个ip或某个域名下的包Charles提供了过滤器,帮助我们显示/排除指定的HTTP请求。

Charles有两种方式可以实现请求过滤:

方法1:

请求列表下方的Filter可以实现简单的过滤功能,输入关键字即可筛选出对应URL

方法2:

菜单栏“Proxy-Recording Settings”里,设置include(包含)和exclude(排除),可以仅显示或者不显示指定的url

六、弱网测试

和Fiddler一样,Charles也提供了弱网模拟的功能,测试浏览器/APP在弱网条件的使用情况。

菜单栏里“Proxy”–>“Throttle Setting”里,Charles内置了不同的网络模式:56kbps、256kbps ... 3G、4G等,来模拟不同弱网效果。还可以手动修改Download和Upload的值,模拟不同的速度。

需要注意的是,这里的网络速率值,单位是bps,对应到常用的byte/s,还需要除以8,如图中的4096kbps,实际为512kb

七、请求/响应断点

如果想对某个请求进行拦截,修改请求的参数。或者修改某个请求响应中的值,可以使用Charles的断点功能。

在请求列表中,选择某个URL,右键点击“Breakpoints”,默认就给这个请求设置了请求+响应断点。进行指定的操作时,Charles就会拦截对应的请求,并支持数据修改

修改服务端返回的响应内容,比如将success修改为fail

如果想做一些更详细的的断点配置设置Breakpoint Settings

八、APP抓包

和Fiddler一样,Charles也可以抓APP端的包,需要进行以下设置,ProxySetting中设置允许远程HTTP代理

电脑和手机连接同一WiFi,在手机端设置WiFi代理,指向Charles所在的ip和8888端口

如果你对特斯汀感兴趣,搜索“特斯汀软件测试腾讯课堂”或关注公众号“特斯汀软件测试”,里面涵盖很多精彩免费视频或干货知识。

推荐内容