Charles简介
Charles是什么
Charles中文名叫青花瓷,是一个HTTP代理服务器,HTTP监视器,反转代理服务器,当浏览器连接Charles的代理访问互联网时,Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信,这些包括request, response和HTTP headers 。
Charles工作原理
前置步骤
-
需要运行Charles并配置代理
-
在客户端上面需要配置代理
步骤
-
由客户端发送请求
-
Charles接收再发送给服务器
-
服务端返回请求结果给Charles
-
由Charles转发给客户端
Charles主要功能
- 支持HTTP及HTTPS代理
- 支持流量控制
- 支持接口并发请求
- 支持重发网络请求
- 支持断点调试
Charles优点
Charles能够支持Linux、MacOS
Charles支持按域名和按接口查看报文
Charles支持反向代理
Charles网络限速可选择网络类型
Charles可以解析AMF协议
Charles安装与配置
Charles安装
下载地址:Charles官网
Charles组件介绍
主导航栏
主导航栏介绍
清除请求数据
开始/取消抓包
关闭SSL代理
开启/关闭慢速网络
开启/关闭断点设置
修改请求数据
重新发送请求
校验返回请求
工具设置
抓取到的请求内容
请求栏介绍
Structure 按域名显示接口请求数据
Sequence 按接口请求时间显示数据
Filter通过域名进行请求过滤
请求内容
响应内容
Charles设置
Charles 代理配置
Charles访问控制
客户端代理配置
MacOS快捷代理设置
当MacOS客户端与运行Charles工具的电脑是同一台电脑时,可以通过快捷代理设置的方式进行设置
iOS 手机代理设置
- 在手机中选择“设置”,选择“Wi-Fi”;
- 点击已连接的无线网名称
- 滑到最底部,在HTTP代理中配置代理中选择“手动”
- 输入服务器IP地址及端口(电脑IP地址,默认端口8888),点击保存
Charles实战
Https抓包
MasOS证书配置
添加完成之后修改证书的信任:始终信任
Charles Https代理配置
iOS证书配置
首先,在电脑运行Charles,且iOS手机设置好代理。
打开浏览器,访问:chls.pro/ssl ,下载描述文件,安装描述文件。
设置> 通用 > 关于本机 >证书信任设置
针对根证书的完全信任,开启对Charles Proxy CA 的完全信任。
Charles流量配置
模拟不同配置的网络,弱网测试
开启Throttling
选择网速
还可以设置可靠性和稳定性
Charles断点配置
-
右击接口链接,选择“Breakpoint”
-
在浏览器刷新对应接口的页面
-
此时会自动跳转到Charles并显示出接口请求信息
-
点击“Edit Request” ,修改请求信息,点击"Execute"