Charles 是通过将自己设置成代理服务器来完成封包截取的，使用 Charles 的第一步是将其设置成系统的代理服务器。
- 过滤网络请求:
方案一：
在 Charles 的菜单栏选择 “Proxy”–>“Recording Settings”，然后选择 Include 栏，选择添加一个项目，然后填入需要监控的协议，主机地址，端口号。这样就可以只截取目标网站的封包了。
Proxy -> Recording Settings -> Include
步骤一：
屏幕快照 2020-07-08 下午3.56.56.png
步骤二：
屏幕快照 2020-07-08 下午3.57.34.png
步骤三：
屏幕快照 2020-07-08 下午4.00.18.png
方案二：在想过滤的网络请求上右击，选择 “Focus”。
屏幕快照 2020-07-08 下午4.01.36.png
Charles 上的代理功能设置：
在 Charles 的菜单栏上选择 “Proxy”–>“Proxy Settings”，填入代理端口 8888，勾上 “Enable transparent HTTP proxying” 完成在 Charles 上的设置。
屏幕快照 2020-07-08 下午4.09.22.png
-
iPhone 上的设置：
获取 Charles 运行所在电脑的 IP 地址，Charles 的顶部菜单的 “Help”–>“Local IP Address”，即可在弹出的对话框中看到 IP 地址：
屏幕快照 2020-07-08 下午4.14.04.png
屏幕快照 2020-07-08 下午4.22.44.png
在 iPhone 的 “ 设置 ”–>“ 无线局域网 ” 中，可以看到当前连接的 Wifi 名，点击右边的详情键，可以看到当前连接上的 Wifi 的详细信息，包括 IP 地址，子网掩码等信息。最底部有配置代理，切换成手动，然后填上 Charles 运行所在的电脑的 IP，以及端口号 8888：
lALPDhmOsw8tcM7NBTbNAu4_750_1334.png_720x720g.jpg
-
安装证书：
在 Mac 电脑上安装证书。点击 Charles 的顶部菜单，选择 “Help” –> “SSL Proxying” –> “Install Charles Root Certificate”，然后输入系统的帐号密码，即可在 KeyChain 看到添加好的证书。
屏幕快照 2020-07-08 下午4.27.09.png
-
截取移动设备中的 Https 通讯信息：
如果我们需要在 iOS 或 Android 机器上截取 Https 协议的通讯内容，还需要在手机上安装相应的证书。点击 Charles 的顶部菜单，选择 “Help” –> “SSL Proxying” –> “Install Charles Root Certificate on a Mobile Device or Remote Browser”，然后就可以看到 Charles 弹出的简单的安装教程。
屏幕快照 2020-07-08 下午4.34.07.png
屏幕快照 2020-07-08 下午4.33.42.png
-
模拟慢速网络
在做移动开发的时候，常常需要模拟慢速网络或者高延迟的网络，以测试在移动网络下，应用的表现是否正常。
在 Charles 的菜单上，选择 “Proxy”–>“Throttle Setting” 项，在之后弹出的对话框中，我们可以勾选上 “Enable Throttling”，并且可以设置 Throttle Preset 的类型。
如果我们只想模拟指定网站的慢速网络，可以再勾选上图中的 “Only for selected hosts” 项，然后在对话框的下半部分设置中增加指定的 hosts 项即可。
屏幕快照 2020-07-08 下午4.39.04.png
网友评论