一、前言
我们经常在工作中使用到各种工具去对网络请求进行拦截。抓包的工具有很多，适用于不同的平台和场景，例如：Charles、Fiddler、Wireshark等等，在windows下，使用Fiddler就非常的方便，但是它的缺陷在于没有Mac的版本，这让使用mac的人员就十分苦恼。那么今天就其中一款抓包工具， Charles 进行讲解，Charles 是一款全平台的抓包工具，所以可以在 Mac 下使用。
二、Charles
1、什么是Charles
Charles 是一款比较常用的全平台的网络封包截取工具，而我们在做移动开发的时候，我们为了调试、测试、分析等目的，经常需要与服务端的网络通讯协议打交道。Charles 可以帮我们截取网络数据包来进行分析。
Charles 通过将软件本身设置成系统的网络访问代理服务器，使得所有的网络请求都会走一遍 Charles 代理，从而 Charles 可以截取经过它的请求，然后我们就可以对其进行网络包的分析。
Charles 是一款收费的软件，可以提供 30 天的免费试用体验。试用期过后，为付费的用户，仍然可以继续使用，但是每次使用时间不能超过 30 分钟，并且启动时将会有 10s 的延迟。所以如果只是偶尔使用一下，可以考虑一直使用免费版本，如果长期依赖抓包的话，可以选择付费或者其他你能想到的办法来解决 Charles License 的问题。
Charles 的功能非常强大，具体的还是以官方文档为准，这里只是介绍一下开发和测试在工作中会用到的功能：
- 截取Http和Https网络包。
- 支持重发网络请求，方便后端调试。
- 支持修改网络请求参数。
- 支持网络请求的截取以及动态修改请求响应结果。
- 支持模拟限流网络。
官网：https://www.charlesproxy.com
这里使用的次新版，v4.2.5 进行讲解，和旧版本相比，有一些界面的修改和增加了一下新的功能，整体来说都差不多。
2、Charles的基本界面
打开Charles之后，在主页面中，提供了两种查看网络包的视图方式，分别是『Structure』和『Sequence』。
1、Structure 视图
Structure 视图将网络请求按请求的域名进行分类，将同域名的请求进行分类。
可以看到，Structure 视图模式下，所有的请求是以域名进行分类显示的，可以让我们更关注同域名下的请求，当然这里都被折叠起来了，当此域名下有接口链接被请求了，会闪一下，这样就可以让我们发现哪些域名下的数据正在被请求。
2、Sequence 视图
Sequence 视图模式下，会将所有的网络请求都按照访问的时间从上到下进行排序。
和 Structure 一样，该有的区域都有，很直观的显示了当前的请求链接、请求数据、响应数据等情况。因为这里是按请求的先后顺序进行有序的排列，Charles 同时也提供了一个过滤请求的地方，可以通过它来简单的过滤我们需要的请求再进行查看。
在实际使用过程中，通常根据具体的需要在这两种视图之间来回切换。而对于某一个具体的网络请求，Charles 也提供了详细的请求内容和响应内容，将发送的数据和显示的数据均显示出来，对于一些常见的数据格式， Charles 还提供了一些格式化的操作，例如 JSON 内容，可以切换到 JSON 标签下，它会按照 JSON 的格式进行格式化，方便我们阅读和查看，而图片的请求也会在 Charles 中显示缩略图的预览。
三、截取移动设备的网络封包
Charles 通常本身是可以直接截取本机上的网络封包的，但是在现在互联网公司来说，大部分使用到抓包的场景都是需要去抓一些移动设备上的网络请求，例如：iPhone、Android 设备等，下面就以 iPhone 为例子，讲解如何通过 Charles 抓取移动设备上的网络封包。
1、Charles对应设置
既然 Charles 是做了一个本地代理，所以需要将代理功能打开，并设置一个固定的端口。默认情况下，端口号为：8888 。
可以通过菜单栏：proxy → Proxy Settings ，进行查看当前或者修改当前代理端口，并且保证 Enable transparent HTTP proxying 被勾选。
2、iPhone上的设置
如果像在移动设备上指向 Charles 配置的代理，还需要知道本机的 IP 地址。一般来说，我们都知道在 Ternimal 中使用 ifconfig 命令，也可查到当前的 IP 地址。而 Charles 也提供了可视化的方式来查看当前本机的 IP 地址。
通过顶部菜单：Help → Local IP Address ，即可查看到当前设备的 IP 地址。
知道当前代理设备的 IP 地址之后，还需要在 iPhone 上设置 WIFI 的 HTTP 代理。注意这里的前提是，iPhone 和 Charles 代理设备链接的是同一网络。
在iPhone中，通过 设置 → 无线局域网 ，查看当前链接的 WIFI 点击最右边的感叹号，进入当前 WIFI 的细节配置页面，在最下面的 HTTP 代理中，选择「手动」，然后填写 Charles 代理机器的 IP 和 端口。
设置好之后，在 iPhone 上打开任意需要联网的 App ，就可以看到 Charles 中弹出iPhone 请求链接的确认菜单，点击“Allow”即可完成设置。
3、截取Https的网络封包
在现在这个全网皆Https的环境下，一个App使用Https 是非常常见的。而正常情况下，Charles 是不能截取Https的网络包的，这涉及到 Https 的证书问题。
但是可以在 Charles 中，通过一些简单的配置，使其安装 Charles 的 CA 证书。
具体步骤如下：
①在 Mac 上安装 CA 证书。通过顶部菜单选择：Help → SSL Proxying → Install Charles Root Certificate，来安装 CA 证书。
②iPhone 中，通过访问 http://charesproxy.com/getssl来下载安装 Charlse 的 CA 证书。
③在需要截取Https的请求上，选择 Enable SSL Proxying。
完成上面的步骤之后，就可以在 Charles 中，截取到 iPhone 设备上的 Https 请求了。
在这个配置的过程中，可能会出现一些问题，可能按照步骤依然抓取不了 Https 的网络包。主要的原因在于： CA 证书需要被 MacOS 信任。
Charles 的 CA 证书，需要被 MaxOS 信任，安装好证书之后，通常会弹出『钥匙串访问』的窗口等待确认，当发现刚才安装的 Charles 证书右下角有各 x 号，表示当前证书并不被 MacOS 信任。
需要选中这个 CA 证书，并指定为信任即可，在这个过程中，需要输入密码进行授权。
这样，我们就可以抓取iPhone手机上的请求了，当然该工具还有着很多强大的功能，大家可以根据需要前去查找。
