【调试】charles的基本操作

262 阅读1分钟

抓取 HTTP 请求

以 Mac 和 IOS 为例,手机和电脑在同一个无线局域网

1、 配置Charles以抓取请求

a、在Charles中,确保 【Proxy】 -> 【Proxy Settings】 中的端口设置为8888(这是默认设置)

b、 勾选 【Enable transparent HTTP proxying】以启用 HTTP 请求的透明代理

image.png

抓取 HTTPS请求

安装证书

Help-> SSL Proxying -> Install Charles Root Certificate -> 输入系统的账号和密码,可以在钥匙串中看到证书, 如果该证书没有添加为信任,右键->显示简介->信任->始终信任

image.png

image.png

2、 配置SSL代理设置

  • 在Charles中,选择“Proxy” -> “SSL Proxying Settings”
  • 勾选“Enable SSL Proxying”并添加你想抓取HTTPS请求的域名和端口(通常是443)

image.png

3、 测试

image.png

抓取移动端请求(IOS)

1、 配置手机代理

设置->点击当前wifi->配置代理->手动->输入服务器地址和端口

  • 服务器地址: Charles->Local IP Address

  • 端口:Proxy->Proxy Settings->Port,通常是8888

image.png

2、 手机安装证书

a、下载证书

Charles 选择 Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device or Remote Browser。在手机浏览器栏输入:chls.pro/ssl

b、打开手机任意联网应用,Charles 会弹出请求连接的确认菜单,点击 "Allow" 即可

image.png

c、安装证书:VPN与设备管理-> 安装Charles 证书

image.png

d、 证书添加受信任:关于本机->证书信任设置->打开受信任开关

image.png

模拟弱网

选择 Proxy-> Throttle Settings -> 勾选Enable Throtting -> Throttle preset

image.png

Mock 数据

1、选择目标请求,右键选择Save All保存请求的response内容保存到本地

image.png

2、配置Charles Map Local, Tool-> Map Local, 勾选Enable Map Local

修改request

右键指定的请求 -> 勾选 Breaskpoints

image.png

刷新页面,就会进入断点,可以修改url、添加header、更改cookies等

image.png