fiddler抓取小程序和app的https数据包

不念不忘少年蓝@ 2022-04-02 14:58 598阅读 0赞

### 文章目录 ###

*   *   *  1.下载并安装fiddler
         *  2. 配置fiddler
         *  3.手机端设置
         *   *  3.1 设置wifi网段
             *  3.2 安装证书
             *  3.3 设置证书为信任证书
         *  4. 查看抓包

> 很多时候，我们的api接口不能经过浏览器查看网络请求，来获取数据包以及相关的接口返回，这时候就需要使用抓包工具，个人比较喜欢使用 `fiddler` ,当然也有其他的，这里说明一下怎么使用 `fiddler`，以及怎么抓取`https`数据包，本文的 `pc`环境是 `windows` 移动设备是`iphone`

### 1.下载并安装fiddler ###

> 下载地址 ： [https://www.telerik.com/download/fiddler][https_www.telerik.com_download_fiddler]

### 2. 配置fiddler ###

> 依次选择菜单 `tools` —> `options`  
> 并按照 如下图配置

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70 2]

> 这里需要安装一下证书：  
> 下载fiddler证书地址：[https://www.telerik.com/fiddler/add-ons][https_www.telerik.com_fiddler_add-ons]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70 3]

> 下载完成后，按照步骤一步步安装，然后重启fiddler即可，否则手机端访问可能会出现如下错误：  
> Have you enabled HTTPS traffic decryption in Fiddler yet?

### 3.手机端设置 ###

#### 3.1 设置wifi网段 ####

> step1 `设置` — `无线局域网` — 与电脑fiddler同网段的wifi

> step2 滑到最底部 `配置代理` — `手动` — 你的fiddler所在电脑 `ip` \+ 刚刚配置的`7888`端口号  
> 不需要勾选鉴定 — 保存

#### 3.2 安装证书 ####

> step1 打开 safari浏览器 输入地址 : `192.168.0.97:7888` 访问  
> 这里的 `192.168.0.97` 是你fiddler所在电脑的 `ip`

> step2 点击底部的 `FiddlerRoot certificate` 下载并安装

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70 4]

#### 3.3 设置证书为信任证书 ####

> 选择信任证书 `通用`— `关于本机` — `证书信任设置`  
> 开启刚刚下载的证书

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70 5]

### 4. 查看抓包 ###

> 重启`fiddler` ，依次选择 `Inspectors` \---- 选中访问的接口连接 ----- `WebView`

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70 6]

原文参考：[我的博客][Link 1]

[https_www.telerik.com_download_fiddler]: https://www.telerik.com/download/fiddler
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70]: /images/20220402/487976f16e1e43a0ba838b301f730ff2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70 1]: /images/20220402/090ce69a98eb47e3ab5f8f76092a8b0a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70 2]: /images/20220402/ff41e4c26f1946038e1a5aa29ef293de.png
[https_www.telerik.com_fiddler_add-ons]: https://www.telerik.com/fiddler/add-ons
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70 3]: /images/20220402/637d853b1e0642c8a6f50b55e9b392f6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70 4]: /images/20220402/8bddc7ec6fdc4814923887e2efa1c0c9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70 5]: /images/20220402/c45544995b76431d8d319a6b761004c7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmd3ZWk1Njc_size_16_color_FFFFFF_t_70 6]: /images/20220402/9ed0bc8be4b542aba32c8fa8460e9d2f.png
[Link 1]: http://blog.chaifei.pw/article/72