本教程演示在Mac OS Monterey 12.2.1版本的操作系统上，使用的Charles的版本是1.9.56，模拟器为网易MuMu模拟器，版本号4.6.2。

Charles的设置

相关软件的安装此处不再展开描述，正常来说，安装Charles和MuMu模拟器（大家也可以选用自己熟悉的模拟器）的过程是比较顺利的，如果安装过程遇到困难，可以自行搜索错误信息解决。软件安装好之后，打开Charles，并依次选择Proxy -> macOS Proxy，这时Charles就会监听电脑的所有网络请求，用浏览器随便访问几个网站，会看到如下图所示的界面。
Charles抓包界面

区域①显示了不同的请求地址的数据包，点击区域②的按钮可用于清除区域①的内容，点击区域③的按钮可用于控制开始抓包和暂停抓包，点击区域④的按钮可用于开始和暂停SSL代理。

我们注意到，区域①中的每一个网址都是被折叠起来了，随便展开某个网址，然后点击其中的某条数据（也就是一次网络请求），可以在右部看到这个请求的详细信息，如下图所示。
在这里插入图片描述

在上图中我们好像看到了一个不太友好的标志，在https://csdning.cn这个域名下的三个网络请求都是一个红色的❌，后面跟着<unknown>。这时如果用浏览器访问csdn的官网的话，正常情况下是访问不了的，它会提示你连接是不安全的，这是因为Charles默认只能代理http类型的请求，而对csdn的访问是https类型的，因此这种访问会被禁止。

上述问题的解决方案是安装CA证书。在Charles中，依次点击Help -> SSL Proxying -> Install Charles Root Certificate，如下图所示。
在这里插入图片描述

现在我们可以在Certificates中看到Charles代理，默认它是不被信任的，如下图所示。
在这里插入图片描述

双击Charles的证书，会弹出一个新的窗口，将这个窗口Trust下的所有选项都设为Always Trust，如下图所示。
在这里插入图片描述
证书设置完毕之后，再确认一下自己的代理设置是否正确。依次点击Proxy -> Proxy Settings，然后设置代理的端口，默认为8888（需要保证这个端口没有被其它应用程序占用），并且勾选Support HTTP/2和Enable transparent HTTP proxying选项，如下图所示。
在这里插入图片描述

通过上面的设置，Charles应该已经可以抓到http请求的数据包了，但如果想要抓取https的数据包，还需要进一步的设置。依次选择Proxy -> SSL Proxying Settings，在弹出的窗口中勾选Enable SSL Proxying选项，并在Include中添加要抓取哪些Host和Port的网络请求，如果不是百分百的确定，可以将这两项都设置为*，表示抓取所有的数据流，如下图所示。
在这里插入图片描述

现在我们回到Charles的主界面中，为了美观起见，先点一下区域②的清除按钮，将之前抓到的包都清除一下。然后再用浏览器访问csdn官网，如果之前都配置正确的话，此时就已经可以正常访问了，Charles抓到的包如下图所示。
在这里插入图片描述

如果抓取某个地址的数据流有问题，那么可以通过Notes选项卡来查看提示信息。假如我没有进行SSL Proxying Settings这一步，那么浏览器可以正常上网，但是Chales却不能正常抓取数据包。比如访问https://www.baidu.com，会发现抓取到的数据名称为<unknown>，在Overview选项卡中有Notes信息，当然也可以点击单独的Notes选项卡来查看相关信息，如下图所示。

在这里插入图片描述

在Notes给出的信息中，已经很明确的告诉我们了，对当前访问的host，SSL代理不可用，你可以在代理设置中激活SSL代理，并且设置需要走代理的host。

模拟器的设置

到目前为止，Charles已经可以在电脑上抓包了，但我们的最终目的是抓取手机APP上的数据包，因此还需要继续设置。在模拟器中安装Android操作系统时需要注意，因为安卓7.0之后对第三方证书增加了限制，会导致证书不起作用，因此需要安装6.0及以下版本的操作系统。我用于本教程演示的是6.0版本的安卓系统。

回到Charles中，依次选择Help -> SSL Proxying -> Install Charles Root Certiticate on a Mobile Device or Remote Browser，会弹出一个窗口，根据上面的提示信息，去模拟器中做相应的操作。
在这里插入图片描述