一、Charles的主要功能及优点
Charles主要用途:
	1. 抓包分析前后端的异常
	2. 模拟弱网环境下应用场景
	3. 断点构造异常的应用场景(断点修改请求参数)
Charles核心功能:
	1. 支持HTTP、HTTPS网络代理
	2. 支持流量控制
	3. 断点接口重发
	4. 断点调试
二、Charles的抓包原理概述

在这里插入图片描述

三、Charles 界面简述

在这里插入图片描述

四、Charles在MacOS系统中设置代理

在这里插入图片描述
Enable transparent HTTP proxying : 启动透明http代理
操作了上面的代理配置,客户端也配置好了代理,就可抓取到http的请求;

五、Charles的访问控制 配置

在这里插入图片描述

六、Charles抓取HTTPS,要信任证书,配置SSL proxy setting
6.1 没有信任证书时及配置SSL proxy时,抓取的HTTPS无法解析,显示乱码

在这里插入图片描述

6.2 在MacOS上如何操作Charles信任证书

在这里插入图片描述

6.3 在MacOS中,设置Charles的SSL proxy setting

在这里插入图片描述
操作好上面的证书信任、SSL proxy setting后,还有就是在客户端代理上配置https

6.4 在Mac电脑(作为客户端)上配置HTTPS代理

步骤一:选择一个浏览器,进入【偏好设置】
在这里插入图片描述
步骤二:选择【高级】,点击【代理设置】
在这里插入图片描述
步骤三:在【代理】栏,勾选http\https,填写代理服务器IP、端口(Charles所在电脑ip,Charles proxy 配置的端口)
在这里插入图片描述

七、若客户端和Charles代理服务器是同一台Mac,可采用快捷方式设置代理:勾选macOS Proxy

在这里插入图片描述

八、如果客户端是IOS,如何安装证书,如何信任证书、开启证书

步骤一:保证IOS与Charles代理服务器在同一网络,Charles处于运行状态,手机设置好代理
在这里插入图片描述

步骤二:手机设置好代理后,手机访问:http://charlesproxy.com/getssl,会自动下载证书,进入设置页,安装证书;
步骤三:安装好证书后,还需要开启证书:【通用】—》【关于本机】—》【证书信任设置】
此时,Charles就可成功抓取IOS 的请求接口数据了;iphone上面也可正常显示并操作;
在这里插入图片描述

九、Charles设置弱网络环境

在这里插入图片描述

十、Charles 设置断点:可以改请求、也可改响应,最后要停止已设置的接口断点;
步骤一:正确操作,抓取接口,设置断点

在这里插入图片描述

步骤二:重新操作应用,发起请求,Charles会停留在设置断点的接口的请求处;

在这里插入图片描述

步骤三:执行完步骤二后,接口响应也会自动停在Charles该接口的响应处;

在这里插入图片描述

十一、Charles抓本地服务,不要用“127.0.0.1 或 localhost” 操作访问 本地应用

Charles要抓本地服务,调试本地服务,使用计算机IP 访问即可抓取;
在这里插入图片描述

更多推荐