【Charles】-苹果手机 IOS15.4 抓HTTPS包
写在前面
本文以Windows + IOS + Charles为例，简单说明抓包的原理，配置步骤以及遇到的坑。
目录
- 写在前面
- 一、场景描述
- 二、具体步骤
-
- 1.环境说明
- 2.下载Charles安装
- 3.Charles开启代理
- 4.手机端设置代理
-
- 4.1Windows端操作
- 4.2手机端操作
- 5.配置SSL
-
- 5.1Charles安装SSL证书
- 5.2Charles配置SSL Proxy
- 5.3手机端安装SSL证书
- 三、参考资料
- 写在后面
一、场景描述
测试人员在JIRA上给我指派了一个Bug，说是前端uniapp会员展示页的数据不正确。前端是个小程序、HTTPS加密，无法像H5一样可以直接复制出来链接地址。由于是临时去看这个Bug，我没有开发者账号，无法直接使用微信开发者工具调试。那么接下来要解决的问题就是如何才能拿到会员页具体请求的URL？
解决办法，无外乎2种：
1、直接找前端问（简单快捷，但麻烦别人，再遇到问题还得找）
2、使用工具抓包（自己动手，丰衣足食，一劳永逸）
抓包工具，网上有很多，配置教程也很多（良莠不齐），这里我归纳整理了一下，以Charles为例进行说明。
二、具体步骤
先简单说一下原理，让首次接触抓包工具的同学有个整体的概念。
1、下载并安装Charles抓包工具，开启代理端口，作为一个代理服务器。
2、手机连接WiFi（同Windows一个WiFi），给手机的WiFi配置代理，服务器和端口号为Charles代理服务器
这样，所有手机端的请求（包括手机登录小程序进入相应页面）都会经过Charles代理，也就能抓到包。
1.环境说明
| 名称 | 说明 |
|---|---|
| Windows版本 | Win10/X64 |
| Charles版本 | V4.6.4 |
| IOS版本 | 15.4 |
2.下载Charles安装
进入Charles官网下载页面，选择最新版Windows x86_64（msi），下载安装即可。
软件默认是免费试用，可进入在线破解进行破解。
3.Charles开启代理
Proxy-》Proxy Settings…，填写端口号：8888
4.手机端设置代理
4.1Windows端操作
进入cmd窗口，输入ipconfig，找到WLAN的ip地址：10.100.8.239
4.2手机端操作
设置-》无线局域网-》点击和Windows连接相同的网络（zhht-office）-》配置代理-》手动-》填写服务器（电脑WLAN的ip地址:10.100.8.239）、端口（Charles上配置的端口:8888）
此时，HTTP类的请求就可以在Charles上抓到，但是HTTPS类型的，地址是unknown，因为HTTPS是加密传输。
查看Overview，可以看到Notes: SSL Proxying not enabled，那接下来，我们就去开启SSL Proxy。
5.配置SSL
5.1Charles安装SSL证书
Help-》SSL Proxying-》Install Charles Root Certificate
点击安装证书（笔者这里已经安装Charles Proxy CA）
选择存储位置-》当前用户
将所有证书都放入下列存储-》受信任的根证书颁发机构-》完成
5.2Charles配置SSL Proxy
勾选Enable SSL Proxying，在Location中add Location，Host为*，Port为*
注意：这里笔者刚开始添加了443端口（HTTPS默认端口号），但是，不好使（可能是网站更换端口号），将port换成了*，可以正常访问
5.3手机端安装SSL证书
根据提示，用浏览器访问chls.pro/ssl，下载证书，允许访问
通用-》VPN与设备管理-》选中Charles Proxy CA-》安装
通用-》关于本机-》证书信任设置-》启用
再次访问，至此，就可以愉快地玩耍了。具体软件里面的功能，大家可以自行探索。
三、参考资料
十分钟学会Charles抓包
Mac下抓包工具Charles使用
写在后面
如果本文内容对您有价值或者有启发的话，欢迎点赞、关注、评论和转发。您的反馈和陪伴将促进我们共同进步和成长。