Fiddler_我的学习笔记(三): HTTPS及安卓&iOS设备APP抓包
Fiddler系列课程笔记(三): HTTPS及安卓&iOS设备APP抓包
1.HTTPS抓包
1.1 什么是HTTPS?
HTTPS (全称:Hyper Text Transfer Protocol over SecureSocket Layer),HTTPS 协议是由 HTTP 加上 TLS/SSL 协议构建的可进行加密传输、身份认证的网络协议,
主要通过数字证书、加密算法、非对称密钥等技术完成互联网数据传输加密,实现互联网传输安全保护。
设计目标主要有三个:
(1)数据保密性:保证数据内容在传输的过程中不会被第三方查看
(2)数据完整性:及时发现被第三方篡改的传输内容
(3)身份校验安全性:保证数据到达用户期望的目的地
因此,Fiddler 要实现 HTTPS 抓包关键点就是证书,有了证书才能对抓到的 HTTPS 流量进行解密/加密。
1.2 Fiddler HTTPS 抓包原理
Fiddler HTTP 抓包原理,如下图:
其实,Fiddler 是浏览器的服务器,而 Fiddler 是服务器的客户端。
在没有 Fiddler 的情况下,浏览器拥有的公开证书来自服务器,服务器保存私有证书。服务器使用私有证书对数据进行加密,浏览器使用公有证书对数据解密。
此时,我们添加了一个 Fiddler 作为代理,那么此时客户端拥有的公共证书应该来自 Fiddler,而 Fiddler 拥有私有证书的同时,还拥有来自服务器的公共证书。浏览器和服务器交互如下:
请求:浏览器使用 Fiddler 公共证书将数据加密,发送给 Fiddler。Fiddler 使用私有证书解密,然后将内容采用服务器的公共证书再次加密,发送给服务器,服务器使用自己的私有证书进行解密。
响应:服务器使用私有证书对响应数据加密,然后发送给 Fiddler。Fiddler 将收到的数据使用服务器的公共证书解密,然后再次使用自己的私有证书加密,将再次加密后的数据发送为浏览器,浏览器收到后使用 Fiddler 的公共证书进行解密,将解密的内容最终展现给用户。
下面将介绍怎样通过 Fiddler 抓取 HTTPS 请求。
1.3 配置&安装证书
①:Fiddler 默认情况下将HTTPS连接隐藏了的,查看菜单“Rules”->“Hide CONNECTs”是否被勾选,勾选即隐藏HTTPS连接。(不要勾选)
②:点击“Tools”->“Options”->“HTTPS”,分别勾选[Capture HTTPS CONNECTs]和[Decrypt HTTPs traffic]复选框。
[Capture HTTPS CONNECTs]:表示我们能够抓取到 HTTPS 连接。
[Decrypt HTTPs traffic]:表示会对收到的 HTTPS 流量尝试使用 Fiddler 的证书进行解码。
如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331154703260-2097251671.png)
③:如果勾选了该复选框,且以前没有安装 Fiddler 证书。此时,Fiddler 将弹出提示安装证书,该提示框提示“信任 Fiddler Root 证书?”
当然信任(不信任就玩不下去了),直接点击“Yes”即可。如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331154709200-935293393.png)
④:Window 系统将弹出安全警告,点击“是”,安装 Fiddler Root 证书到 Windows 中。如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331154713950-509996559.png)
⑤:接下来,提示是否将 Fiddler Root 证书添加到本机 Root 证书列表?直接点击“是”,系统提示证书添加成功。如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331154720117-46328235.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331154723850-2075442079.png)
⑥:如果你还是不放心证书是否真的安装成功了。可以在 HTTPS 选项卡中点击“Actions”,选择“Open Windows Certificate Manger”去打开 Windows 证书管理器。如下图:
⑦:在打开的证书管理器中,点击“操作”菜单,选择“查找证书”,在“包含”输入框中输入“Finddler”查找 Fiddler 相关的证书,如果能够正常看见 Fiddler 证书,说明证书安装成功。如下图:
1.4 抓包效果
通过前面一些列的操作,已经完成 Fiddler 抓取 HTTPS 的配置。此时,我们尝试访问一些 HTTPS 网站,查看 Fiddler 是否能够抓取到 HTTPS 请求,如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331154748785-1064238588.png)
1.5 [补]:HTTPS包抓不到,怎么解决?
如果你依然不能抓取到 HTTPS请求的包,那需要做一下检查:
- 检查①:检查一下你使用的浏览器是否为Firefox,请切换到IE或者Chrome浏览器。
Firefox抓取HTTPS流量稍微复杂些,后面章节重点介绍。
- 检查②: 检查Fiddle 的右下角,是否有一个小图标(Capturing)
上图中,我们可以看见有一个 “Capturing” 图标。如果我们能够看见该图标,则表示Fiddler当前处于抓包中。如果此处没有该图标,则表示 Fiddler 没有抓包。
- 检查③:查看菜单“Rules”->“Hide CONNECTs”是否被勾选,勾选即隐藏HTTPS连接。(不要勾选)
- 检查④:查看菜单“Tools”->“Options”->“HTTPS”,是否勾选[Capture HTTPS CONNECTs]和[Decrypt HTTPs traffic]复选框。(这两个都要勾选)
保险起见,勾选后,在[Actions]设置中,点一下“Trust Root Certificate”,然后ok保存确认一下。
- 检查⑤:终极大招,重置fiddler所有证书。
点击“HTTPS”选项卡中的“Actions”,点击“Reset All Certificates”去重置所有的 Fiddler Root 证书,重新安装证书,或者重启 Fiddler。
如果最终还还不行,那就有点气人了哦!
卸载fiddler,重装吧~
要不,不抓了叭!!! ╭(╯^╰)╮
2.Firefox-HTTPS抓包
前面章节介绍了Fiddler抓取IE和Chrome的HTTPS流量,本章将介绍Fiddler怎样抓取Firefox浏览器的HTTPS流量。 Firefox浏览器和[IE、Chrome的抓包]稍有不同。
这是因为 Chrome 和 IE 均是使用 Windows 证书管理起来管理证书,而 FireFox 则是使用自己的证书管理器来管理证书。
因此,要想使用 Fiddler 成功抓取 Firefox 的 HTTPS 流量,我们需要将Fiddler的根证书安装到 Firefox 的证书管理器中。
具体操作如下:
2.1 获取Fiddler根证书
①:点击“Tools”->“Options”菜单选项,进入 HTTPS 选项卡,点击“Actions”按钮,选择“Export Root Certificate to Desktop”下拉按钮,将 Fiddler 根证书导出到桌面。如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331154822548-575251291.png)
下图提示导出成功:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331154827281-1504047672.png)
2.2 Firefox导入Fiddler根证书
②:在 Firefox 设置页面搜索“证书”关键字,找到证书相关的配置。点击“查看证书”按钮,如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155620025-820073375.png)
③:打开 Firefox 的“证书管理器”,在“证书颁发机构”标签页点击“导入”按钮去将 Fiddler 根证书导入到 Firefox。如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155627352-1335118650.png)
④:选择 Fiddler 根证书,如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155633670-1640337722.png)
⑤:提示是否要信任该证书,在证书信任提示框中,分别勾选“信任由此证书颁发机构来标识网站”和“信任由此证书颁发机构来标识电子邮件用户”。如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155639642-594050224.png)
⑥:最后点击“确认”按钮,证书就安装完成了。
2.3 确定Firefox的代理方式
证书安装完成后,我们还需要查看 Firefox 的代理连接方式,选择“使用系统代理设置”或者手动配置代理。否则 Fiddler 可能抓不到 Firefox 的数据包。
选择“使用系统代理设置”,如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155645938-1505370994.png)
如果选择“手动配置代理”,如下图:
2.4 访问HTTPS网站验证
Firefox 一切配置搞定后,就可以重启 Firefox,访问一个 https 网站,使用 Fiddler 去抓包,你会发现 Fiddler 能够抓取 Firefox 的 HTTPS 数据包了,如下图:
3. 安卓手机APP抓包
本章节将介绍卓手机怎样利用 Fiddler 抓取 APP 的 HTTP/HTTPS 数据流量。
注意:本文将以小米 6X 为例,不同手机的配置稍有不同
3.1 配置 Fiddler
点击打开“Tools”->“Options”->“Connections”选项,勾选“Allow remote computers to connect”允许远程计算机连接到 Fiddler。如下图:
3.2 为安卓手机安装证书
如果只是抓HTTP的包,不用安装证书,手动配置代理即可,但是如果要抓HTTPS的包,则需要安装证书。
使用手机浏览器访问 Fiddler 服务,根据上图可知,Fiddler 的端口为 8888(访问地址为 Fiddler所属主机的IP地址加Fiddler端口)。
访问: http://[Fiddler所在机器的IP地址]:[Fiddler端口]/ ,[http://192.168.1.3:8888/] 如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155721690-1527774364.png)
点击“FiddlerRoot certificate”链接按钮,下载 Fiddler 的根证书。如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155727232-467899248.png)
打开浏览器的下载管理器,点击刚刚下载的 Fiddler 证书,安装证书。将该证书命名为 Fiddler。如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155732388-921786193.png)
视频中老师安装方式不太一样:打开设置>更多设置>系统安全>加密与凭据>从存储设备安装
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155742377-1517622387.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155745910-619125715.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155748960-1668158301.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155752557-1432194029.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155755542-2058985701.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155758708-667081439.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155801700-1232096550.png)
证书安装完成后,可以在系统设置中搜索“凭据”,打开“信任的凭据”,找到刚刚安装的 Fiddler 证书。Fiddler 证书信息如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155807835-1172916210.png)
3.3 为安卓手机配置代理
前面已经成功安装了 Fiddler 证书,下面将对手机进行代理配置。打开手机的设置,找到“WLAN”选项,如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155813746-1950972673.png)
选择当前正在使用的 WIFI(注意:安装 Fiddler 的电脑必须和手机处于同一局域网,两者能够互通),点击查看 WIFI 的详细信息。如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155818517-2133946842.png)
点击 WIFI 的代理,选择“手动”,然后设置代理的IP和端口。其中,主机名就是本机的ip,IP地址为Fiddler所在机器的IP地址
(可以通过Fiddler的右上角的[Online]查看本机IP地址),端口在Fiddler中配置的8888,如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155832965-2109402723.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155836184-1951131683.png)
到这里,手机端的代理就配置 OK 了,接下来见证奇迹。
3.4 抓取安卓手机上APP的HTTP/HTTPS流量
先打开 Fiddler,且 Fiddler 处于抓包中。然后,在手机中打开“今日头条”APP,如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155841966-130527126.png)
此时,再看看 Fiddler,你会发现已经抓取了很多关于“今日头条”的 HTTPS 流量。如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155848113-1187546365.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155850765-755669454.png)
老师抓抖音视频的包,也是可以的:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155855825-2142562029.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155858386-1944426913.png)
4.iOS设备APP抓包
iPhone手机、iPad都属于iOS设备,iOS设备APP抓包和上述安卓设备抓包设置,差不多哈。
4.1 配置 Fiddler
①:点击打开菜单“Tools”->“Options”->“Connections”选项,勾选“Allow remote computers to connect”允许远程计算机连接到 Fiddler。如下图:
②:点击打开菜单“Tools”->“Options”->“HTTPS”,是否勾选[Capture HTTPS CONNECTs]和[Decrypt HTTPs traffic]复选框。(这两个都要勾选)
③:重启Fiddler,关闭防火墙,或者防火墙允许Fiddler进行远程连接。
4.2 为iOS设备配置代理
④:iOS设备点击设置>WiFi>打开连接WiFI设置,找到"配置代理",选择"手动",然后设置代理的IP和端口。如图所示:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155928568-143899602.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155935598-1344756487.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155938626-1575666059.png)
设置代理的IP和端口。其中,主机名就是本机的ip,IP地址为Fiddler所在机器的IP地址。(可以通过Fiddler的右上角的[Online]查看本机IP地址,端口在Fiddler中配置的8888)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331155944992-271543490.png)
到这里,iOS手机端的代理就配置 OK 了,接下来见证奇迹。
4.3 抓取iOS设备上APP的HTTP流量
先打开 Fiddler,且 Fiddler 处于抓包中。然后,在手机中打开“柠檬班”APP,如下图:
4.4 为iOS设备安装证书
如果只是抓HTTP的包,不用安装证书,手动配置代理即可,但是如果要抓HTTPS的包,则需要安装证书。
⑤:iOS设备连接WiFi,确保iOS设备可访问http://[Fiddler所在机器的IP地址]:[Fiddler端口]/,该地址会返回Fiddler Echo Service页面。
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160001434-593063055.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160003741-209629512.png)
如上图所示,iOS手机访问[http://192.168.1.89:8888/] :
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160010225-389507604.png)
如果要抓HTTPS的包,则需要安装证书。点击下载,如图所示:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160017050-1222495106.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160020434-987462121.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160022658-1798566034.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160025071-390740255.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160027362-1473551399.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160030120-347905776.png)
⑥:证书安装成功后,在iOS设备-设置>通用>关于本机>证书信任设置中,信任刚安装的Fiddler证书。
4.5 抓取iOS设备上APP的HTTPS流量
先打开 Fiddler,且 Fiddler 处于抓包中。然后,在手机中打开“抖音”APP,如下图
5. Fiddler-插件中心
Fiddler-插件中心:https://www.telerik.com/fiddler/add-ons
Fiddler-Willow插件-官网地址:http://qzonetouch.github.io/commonWidget/willow
5.1 Fiddler-Willow插件
除了上述插件。还有另外一个常用的fiddler插件--Willow插件:
Willow 插件可以统计数据包、修改Host、请求重定向、编码转换、低网速模拟、慢速网络模拟可视化、断点调试、过滤HTTP请求等功能。
Fiddler-Willow插件-官网地址:http://qzonetouch.github.io/commonWidget/willow
5.1.1 Willow插件的安装
点击“Fiddler4版本”链接,如下图:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160300973-641798189.png)
进入下载页面,下载地址:https://github.com/QzoneTouch/commonWidget/releases ,选择 WillowSetup-1.5.2.zip下载。
安装Fiddler-Willow插件:
插件安装完成后,会自动启动fiddler,可以在fiddler面板看到这个Willow插件的标识:
5.1.2 Willow插件的使用
5.1.2.1 fiddler自带配置的局限性
下面是HOSTS的配置,可以通过这里直接控制启用或者关闭某些环境的host(效果等同于编辑修改(C:\Windows\System32\drivers\etc\hosts))
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160348359-1213793096.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160352140-51983678.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160354883-1336882613.png)
而AutoResponder的配置如下:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160400110-47422093.png)
5.1.2.2 Willow的实例演示
创建两个项目,分别为 dev(开发环境)、test(测试环境),然后通过项目的复选框快速在这两个环境之间进行切换。
Willow的操作如下:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160410437-1674415365.png)
新建test环境和dev环境的工程:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160416825-583383593.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160419192-1591910072.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160421077-324193877.png)
给dev环境的工程,添加规则:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160428296-1681408868.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160431652-1547376668.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160433874-963099073.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160436702-1953320727.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160439598-1229848185.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160441923-451613132.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160444782-614244673.png)
给test环境的工程,添加规则:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160453675-625604836.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160456585-1723910998.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160459357-471750480.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160502233-263197978.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160505120-1937896412.png)
我们测试一下test环境-配置规则的效果:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160512308-2050387361.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160515319-1113957095.png)
我们看一下test环境-test.png图片:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160520716-1285598535.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160523813-1154310281.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160526806-277026391.png)
我们测试一下dev环境-配置规则的效果:
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160533600-559638529.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160537031-610598076.png)
![](https://img2024.cnblogs.com/blog/1435837/202403/1435837-20240331160539687-1730660833.png)
5.1.3 Willow插件-个性化配置
本文来自博客园,作者:子沐呐吖,转载请注明原文链接:https://www.cnblogs.com/SuperLee017/p/18106752