Charles下载安装配置使用教程

一、下载网址  :Download a Free Trial of Charles • Charles Web Debugging ProxyCharles Web Debugging Proxy - Official Sitehttps://www.charlesproxy.com/download/

二、Charles安装

1.点击安装charles文件

Charles下载安装配置使用教程_第1张图片

2.点击下一步

Charles下载安装配置使用教程_第2张图片

3.点击完成

Charles下载安装配置使用教程_第3张图片

三、配置及使用

3.1下载charles的ssl证书  点击help,选中ssl Proxying ,点击Install Charles Root Certificate (默认情况下,charles不能解析https协议的接口,里面的请求和响应数据都是乱码格式,所以我们需要下载ssl证书,来获取里面的数据)

Charles下载安装配置使用教程_第4张图片

 3.2点击安装证书

Charles下载安装配置使用教程_第5张图片

3.3点击下一步

Charles下载安装配置使用教程_第6张图片

3.4选中”将所有的证书都放入下列存储”,点击”浏览”按钮

 Charles下载安装配置使用教程_第7张图片

 3.5 选中”受新任的根证书颁发机构”,点击”确定”按钮

Charles下载安装配置使用教程_第8张图片

3.6 点击下一页 

Charles下载安装配置使用教程_第9张图片

3.7 点击完成,导入成功

Charles下载安装配置使用教程_第10张图片

 Charles下载安装配置使用教程_第11张图片

 四、配置及使用

4.1 点击”proxy”按钮,选中Proxy Settings

Charles下载安装配置使用教程_第12张图片

4.2 勾选允许传输http代理,接着点击”OK”按钮 

Charles下载安装配置使用教程_第13张图片

 4.3 点击’proxy”按钮,选中SSL Proxyig settingsCharles下载安装配置使用教程_第14张图片

4.4 点击勾选运行代理,点击“add”按钮Charles下载安装配置使用教程_第15张图片

4.5 填写Host和Port都为*,正则表达式为匹配所有,再点击”OK”按钮
 Charles下载安装配置使用教程_第16张图片

 4.6 重启Charles,即可

Charles下载安装配置使用教程_第17张图片

4.7 验证是否可以获取web端的https接口

Charles下载安装配置使用教程_第18张图片

 Charles下载安装配置使用教程_第19张图片

 Charles下载安装配置使用教程_第20张图片

4.8 验证是否可以获取APP端的https接口

(1)点击修改网络

Charles下载安装配置使用教程_第21张图片

(2)代理选择手动配置

 Charles下载安装配置使用教程_第22张图片

(3)输入IP地址及端口号,点击保存

 Charles下载安装配置使用教程_第23张图片

 (4)设置保存完成后,charles界面会弹出一个连接请求框,点击“Allow

Charles下载安装配置使用教程_第24张图片

(5)用手机打开浏览器访问任意地址就可以看到charles抓到的数据啦

 Charles下载安装配置使用教程_第25张图片

 五、更多功能

一、设置抓取固定地址信息

抓包列表中有好多抓包结果是我们不会关注的,用下面的方法可以让这些我们不关注的接口在列表中隐藏

方法1 设置关注接口

Charles下载安装配置使用教程_第26张图片

 Charles下载安装配置使用教程_第27张图片

 方法2 在Filter一栏输入要抓取的地址

Charles下载安装配置使用教程_第28张图片

 二、弱网测试

模拟超慢网速(会导致接口数据返回超时的那种…)设置带宽和延迟时间(毫秒)
Charles下载安装配置使用教程_第29张图片

 Charles下载安装配置使用教程_第30张图片

 你会发现页面一直在载入中Charles下载安装配置使用教程_第31张图片

 Charles下载安装配置使用教程_第32张图片

你可能感兴趣的:(https,http,网络协议)