前言
最近做到一些 H5 相关的内容开发，因为需要手机端的登陆 Cookie 信息，因此需要通过 Charles 抓包来获取 Cookie。安装虽然很简单，但是有几个比较坑的点着实花费了我不少时间，这里做一下记录。
安装下载
下载直接去官网下载即可（特别慢，能科学上网的尽量科学），下载完后有 30 天的试用期，可以尝试在Charles 授权码在线生成网站上生成 Charles 码，或者用如下激活码试试：
1 | name: https://zhile.io |
配置代理
http 解析配置
打开 Proxy -> Proxy Settings，勾选上 Enable transparent HTTP proxying 即可，Sockets 部分可根据自己情况配置：
这样本机的 http 请求就能解析了。
https 解析配置
打开 Proxy -> SSL Proxying Settings，勾选上 Enable SSL Proxying，然后添加 *:443 配置，用于拦截所有的 https 请求：
配置证书
1. 配置 Mac 证书
特别是对于第一次安装 Charles 的人来说，这一步很容易忽略掉：
证书安装完后其默认是不生效的，我们需要将其生效才能真正安装完：
2. iOS 证书安装
除了电脑证书外，手机端的证书也比较重要，可以一并安装。这里需要注意一下，确保手机和电脑连接的是同一局域网内。
【1】 首先需要配置手机连接的局域网代理（iOS 是连接的网络的 i 图标 -> 配置代理，改成手动）：
- 服务器： Mac 的 ip 地址
- 端口： 配置
Proxy Settings时的 8888 端口（根据自己的设置进行配置）
⚠️ ：配置后 Mac 会出来一个弹框（默认为 Deny），此处一定得注意点击 Allow
【2】 下载手机端的证书，Safari 打开如下地址： https://chls.pro/ssl，此处会提示你安装证书，点击安装即可。
安装后需要在两个地方进行配置：
- 进人
通用 -> 描述文件与设备管理，安装刚下载的描述文件
- 进人
- 进入
通用 -> 关于本机 -> 证书信任设置，开启刚刚新增证书的信任
- 进入
⚠️ ：以上俩步缺少一个可能导致手机端无法上网，Charles 拦截乱码信息
其它问题
Charles 拦截不到浏览器请求
如果配置完成后 Charles 仍然拦截不到浏览器请求，请查看 Chrome 插件是否开启了 vpn 插件，一般开启后就拦截不到了。
配置手机代理时不小心点了 Deny
点了 Deny 不要紧，手动将代理的 IP 地址填上即可，添加代理地址的路径为： Proxy -> Access Control Settings
注意，添加的地址为最终代理的地址，一般 App 都是用所代理的电脑 IP（即配置局域网代理时填写的 IP）