前言

🔥在平时和其他大佬交流时总会出现这么些话“抓个包看看就知道哪出问题了”“抓流量啊payload都在里面”“这数据流怎么这么奇怪”。

👉这里出现的名词其实都是差不多的意思啊这都跟抓包这个词有关说到抓包呢我们今天就先来了解一下抓包的一些基础定义跟抓包工具Fiddler的使用跟安装吧。

本篇文章博主只想使用通俗易懂的话语让大家明白以下内容

什么是抓包哪些场景需要用到抓包Fiddler抓包的原理怎样使用Fiddler进行移动端抓包

抓包

包 (Packet) 是TCP/IP协议通信传输中的数据单位一般也称“数据包”。

我们平常测试过程中所说的数据包其实就是接口请求的数据在HTTP请求中包括请求头信息、请求内容、响应头信息、响应内容。

什么是抓包

用特定的工具获取客户端与服务端之间发送和返回的数据包。目的是分析数据包的协议、内容等从而判断接口的设计是否符合要求比如抓包某次请求的请求参数与响应参数查看参数是否正确。

哪些场景下需要抓包

对于初学者或者没有接触过接口测试的同学而言可能不太明白做接口测试或者接口自动化测试为什么一定要学会对接口数据进行抓包。

那么在哪些场景下需要抓包获取请求数据呢

1. 重现bug需要截取数据定位问题时
2. 判断问题是前端bug还是后端bug时
3. 做接口测试但开发没有提供接口文档时需要抓包才能获取接口信息
4. 某个功能场景或者某些功能场景我们不知道调用了哪些接口或者不知道接口调用的先后顺序时
5. 需要修改返回参数时用于mock或者别的场景

在实际测试过程中用的最多的场景是1、2、3、4。

Fiddler

抓包工具有很多种如Wireshark、Fiddler、Charlse、Tcpdump、浏览器工具(F12)等但在软件测试工作中抓包对象一般是HTTP协议的接口所以最多的是浏览器工具、Fiddler/Charlse。

Fiddler特点简单归纳如下

1. Fiddler能抓取客户端和服务器之间的HTTP/HTTPS请求可以对接口请求设置断点甚至修改输入输出数据
2. Fiddler只能抓取HTTP/HTTPS协议
3. Fiddler除能对PC端浏览器抓包外还支持对移动端进行抓包

Fiddler抓包原理

通常我们使用浏览器浏览网页或者使用手机上的APP交互可以使用以下简化的流程图表示

客户端(PC端或移动端) 向服务端通过发送HTTP请求进行数据交互而我们的需求是抓取这个交互过程中的数据。

我们只需要在客户端与服务端之间加上一个中介让它们之间交互的数据都通过这个中介中介记录这些通过自身的数据就能获取到客户端与服务端之间具体的交互数据了。

Fiddler便可以充当这个中介角色交互流程如下

启动Fiddler其实就是启动了一台代理web服务器(Proxy)代理地址为127.0.0.1端口为8888。只要HTTP请求通过127.0.0.1:8888 (即Fiddler) 进行代理发送与接收Fiddler就会记录经过自身的HTTP请求数据便抓取到了HTTP请求的相关数据。

而怎样才能使得HTTP请求都通过127.0.0.1:8888进行代理Fiddler启动时IE浏览器的代理会自动设置127.0.0.1:8888为代理地址Chrome、Firefox需要在浏览器中手动修改移动端则需要在手机里设置。

安装

进入官网下载地址为https://www.telerik.com/download/fiddler

需填写内容可填写如下Windows系统点击【Download for Windows】点击后会跳转页面并开始下载 (没有的话可以多尝试两次) 如果没有下载可根据跳转页面提示进行点击。

下载后得到安装文件FiddlerSetup.exe一路傻瓜式安装即可。目前下载的版本为Progress Telerik Fiddler Classic。

安装完成后打开Fiddler主界面如下

• 如图所示切换至Inspectors可查看对应请求的请求参数和返回参数
• 请求参数、返回参数不同内容及格式的展示可以切换图中对应展示窗口顶部的Tab按钮如Headers、WebForms、Raw、Json等。
• 会话窗口图标说明见文章末说明。

接下来介绍怎样使用Fiddler进行手机移动端抓包。

Fiddler移动端抓包

我们先来屡一下移动端抓包的大概思路

1. Fiddler需要设置允许远程计算机连接即允许手机移动端抓包
2. 设置手机代理网络代理使手机通过Fiddler代理发送HTTP请求 (即Fiddler充当数据发送接收的中介)
3. https请求抓包设置如果只抓取http请求以上两步设置就可以了但实际工作中经常需要抓取https请求数据。

按照如上思路我们开始进行具体设置。

第一步允许远程计算机连接

设置步骤Tools-->Options-->Connections-->勾选Allow remote computers to connect-->再点击OK其他默认即可如下图所示

勾选后如果有弹窗确认页面点击【确定】即可。顺便说一下上图勾选页面中的8888为默认的端口号在第二步设置时需要使用。

第二步设置手机网络代理

首先需要先获取到安装Fiddler的电脑的IPv4地址在cmd中输入ipconfig如下图所示

然后在手机上找到对应的WLAN网络进行该网络代理的设置以荣耀V20手机为例操作步骤如下图所示

手机系统设置-->WLAN-->修改网络-->高级选项-->代理-->选择手动-->主机名填入上一步IPv4-->端口填入默认的8888-->保存

注意

• 手机必须与电脑连接的是同一个网络即连同一个WIFI或手机直接连电脑的热点再对这个网络进行代理设置否则无法抓取数据。
• 第2步选择修改网络时手机型号不同可能需要不一样的操作才能进入到修改网络页面。

到这一步重启Fiddler后便可以对手机上的http请求进行抓包了。如果不能抓取的话可以在手机里重新保存上图中的代理设置再进行请求。到这一步后手机上打开APP操作抓包的http请求如下图所示

可以看到这里面只抓取了http请求如果要对https请求进行抓包则还需要进行下面的操作。

第三步允许捕获HTTPS连接

设置步骤Tools-->Options-->HTTPS-->勾选Decrypt HTTPS traffic-->再勾选Ignore server certificate errors-->点击OK

注意保存设置后需要重启Fiddler才会生效。

第四步手机安装证书

步骤如下

1. 在手机上选择任意浏览器输入第二步中的设置的代理地址host为即Fiddler安装电脑的IPv4地址端口号即为默认的8888
2. 在1打开的网页中点击FiddlerRoot certificate下载证书

Android手机到这一步就可以了苹果手机还需要在手机设置里去信任下载的证书信任证书的操作步骤这里不做过多说明。

完成这两步后我们即可以抓取手机发出的http请求又可以抓取手机发出的https请求。在手机上打开今日头条APP验证如下

至此Fiddler移动端抓包设置便完成。

附上会话窗口图标说明如下

补充

如果有需要抓包工具跟教学视频的小伙伴记得关注我私信【资料】哦

结语

学习是件需要坚持的事情学习的过程可能会很枯燥不过有一些人一起学的话大概就不会了吧跟我一起学习有人陪伴就不会孤单。

这篇贴子到这里就结束了最后希望看这篇帖子的朋友能够有所收获。欢迎留言或是关注我的专栏和我交流。