在开发 pc 小黑盒的过程中，部分接口需要前端去 抓取 移动端小黑盒 的接口，然后再去使用，这就要求前端去配置 charles 进行抓包，这个配置过程其实还是比较容易踩坑的，本文就带大家走一遍这个流程，方便新手配置
charles 配置好了，才能正常抓包，本文以 windows + iphone 为例，其实 mac 也是一样
charles 证书配置
其实还有一个步骤 激活 charles，charles 是收费的，不过这个破解实在是太轻松了，网上随便搜一个教程自行生成一个密钥破解即可
charles 证书配置了，才能抓到自身的网络请求，这样你的请求接口才不会是 unkown
给电脑安装证书：Help -- SSL proxying -- Install Charles Root Certificate
这一步你可能会碰到下面这个情况
要是没这个问题你可以跳过这一步骤
解决证书无效问题
首先我们需要将证书保存到本地，一般都是 charles-ssl-proxying-certificate.crt
随后安装证书
快捷键 win + R，输入 certmgr.msc 来到证书管理器
右键 受信任的根证书颁发机构 -- 证书
右键证书，点击 所有任务 -- 导入
导入我们刚才安装的 charles-ssl-proxying-certificate.crt 即可
证书安装好后，我们重启 charles，随便点开一个网页刷新，应该是可以看到 charles 抓到的接口请求，不再是 unkown 了
这就意味着 windows 的证书已经安装好了，若需要抓取 iphone，我们需要对 iphone 进行配置
charles 抓 ios
charles 抓 ios，我们首先需要配置下 charles 的端口 打开 Proxy -- proxy setting
将里面的的 port 改成 8888即可
随后 进入 Proxy -- SSL proxying setting，添加下面这几个 Host
现在需要 iphone 和 windows 在同一个 网络 下面，然后给 iphone 安装信任证书
我们先来到 charles -- Help -- SSL Proxying -- mobile phone
随后会提示我们在 iphone 上访问 chls.pro/ssl 这个地址去安装证书
要是这个链接在浏览器打不开我们可以访问另一个链接 charlesproxy.com/getssl ，若还是打不开，我们可以试着在 微信 ，飞书，或者 chrome，edge 等 app 里面打开这个链接去下载证书，下载后安装到 iphone 的 文件 里面去，随后在 手机的 设置页 会出现让我们信任
这其实还不够，我们还需要到 通用 -- 关于本机 -- 证书信任设置 中开启这个 charles proxy CA
随后我们来到 和 电脑连接的 同一个 wifi 下面去设置 ip 以及 端口
查看 ip 得话我们可以在 Help -- local IP address 中查看本地的 ip 地址
然后来到 wifi 的设置页 -- 配置代理 改成 手动，填入 服务器的 ip，以及 8888 端口即可
最终效果
我把 Proxy 里面的 Windows Proxy 关掉，这里抓到的数据就均是我的 iphone 请求
