教程：使用Charles抓取https的数据包

今天药忘吃喽~ 2023-05-28 08:28 1阅读 0赞

# 需求描述 #

在开发过程中，线上APP的http请求，多是https的。这给我们线上调试工作造成了不小的困扰。看到的都是类似下图的乱码：  
![乱码][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWVuZ2h1YTkxMTI_size_16_color_FFFFFF_t_70_pic_center]  
接下来，我教大家如何使用Charles，抓取明文的https数据包。  
亲测有效。

## 保证手机和电脑处于同一个网络 ##

## 在Charles端进行SSL Proxying 设置 ##

Proxy -> SSL Proxying Settings -> SSL Proxying -> Add  
![Proxy Settings][]![443][]

*  Host:为需要过滤的域名地址,\*表示不过滤
 *  Port:固定为443,\*表示任意端口

## 查看电脑IP ##

Charles -->Help–> Local Ip Address  
![pc IP][]

## 手机添加代理 ##

![高级设置][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWVuZ2h1YTkxMTI_size_16_color_FFFFFF_t_70]  
![手机代理][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWVuZ2h1YTkxMTI_size_16_color_FFFFFF_t_70 1]

# 电脑端安装ssl证书 #

![Install Charles Root Certificate][]  
添加完毕后，在电脑端可以看到已经安装的证书：  
![钥匙串][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWVuZ2h1YTkxMTI_size_16_color_FFFFFF_t_70 2]

## 保存一份证书到电脑端 ##

![Save Charles Root Certificate][]  
文件名为：`charles-ssl-proxying-certificate.pem`  
![pem][]

## 发送证书到手机端 ##

可以直接使用数据线，或者使用传输工具，如`AirDroid`

## 手机端安装证书 ##

记得凭据用途–选择“WLAN”  
![证书命名][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWVuZ2h1YTkxMTI_size_16_color_FFFFFF_t_70 3]

## 查看抓包数据 ##

![api data][]  
![json response][]  
我们看到，https的接口返回的响应数据，已经明文展示出来了。

# 环境说明 #

*  手机型号：坚果Pro2
 *  Android版本：`V7.1.1`
 *  PC OS：`macOS High Sierra V10.13.4`
 *  Charles版本：`V4.1.1`

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWVuZ2h1YTkxMTI_size_16_color_FFFFFF_t_70_pic_center]: /images/20230528/0423207c1d2842d9887f7ceb2b76653f.png
[Proxy Settings]: https://img-blog.csdnimg.cn/20200327131451263.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWVuZ2h1YTkxMTI=,size_16,color_FFFFFF,t_70
[443]: /images/20230528/05c8dd72d747460395e4248945e0a1ab.png
[pc IP]: /images/20230528/600ef1f135e74a10b09080199bd255fb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWVuZ2h1YTkxMTI_size_16_color_FFFFFF_t_70]: /images/20230528/66512ebeec964097846a3bb20aa46695.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWVuZ2h1YTkxMTI_size_16_color_FFFFFF_t_70 1]: /images/20230528/63a6c928557d45e094e1914868866f9d.png
[Install Charles Root Certificate]: /images/20230528/e0b89f34ef94478d92e9f1f6095b1ece.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWVuZ2h1YTkxMTI_size_16_color_FFFFFF_t_70 2]: /images/20230528/b26332ce6a344aef9967c80f3d460920.png
[Save Charles Root Certificate]: /images/20230528/bed6189bb69242f78753f3c5684c6373.png
[pem]: /images/20230528/1ecf988f0740475d9d8419ddbd76d42d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWVuZ2h1YTkxMTI_size_16_color_FFFFFF_t_70 3]: /images/20230528/c1051b936ea14738bbaae15d52e3fee5.png
[api data]: /images/20230528/9866467eccd243628603721a5de73adf.png
[json response]: /images/20230528/80ae375aadac4c629fdf90d765a4eb28.png