怎么使用charles代理

581 阅读2分钟

最近新增小技能,简单可以使用代理了,之前并不会,每每都麻烦测试人员,实在惭愧。

安利charles 视频教程,条理清晰,分为 30 个小结,视频总时长 2h,加上自己实践时间,估计也就 3 小时,给开发请求带来很多方便~

以下是看完视频之后,大致整理,也方便自己查特定配置。

charles 的简介

charles 是什么

charles 中文名是“青花瓷”,基于 http 协议的代理服务器,通过成为客户端或浏览器的代理,截取请求和结果达到分析抓包的目的。

其可以跨平台,使用免费,当然免费版稍微有点缺点,可以的话买正版,或者想其他办法。。。。

charles 的工作原理

charles1

charles 能做什么

charles2

charles 优点(跟 fiddler 相比)

charles3

简介总结

charles4

charles 安装和配置

charles 安装

charles 的设置

默认端口是 8888,需要的话可以修改端口,一般不改 charles9 授权设置这边,默认勾选下面的选项即可,可以不添加,一般也不改这里 charles10

支持 HTTPS 抓包的配置

客户端需要证书设置:

  • Windows 的话 charles21

  • MAC 的话 charles22

  • IOS 的话 charles23 charles24

windows 代理浏览器设置

charles11 charles12

MAC 代理浏览器设置 - 快捷设置

charles13

  • 如果 charles 抓的不是本机浏览器的包,需要以下设置
    charles14 charles15 charles16

Android 手机代理设置

charles17

可以抓取手机上所有发出的请求

IOS 手机代理设置

charles18

可以抓取手机上所有发出的请求

弱网测试设置

  • reliability 丢包率
  • stability 断网频繁度

charles25

设置之后,访问网页发现速度就会变慢

断点调试设置

发送请求,可以修改请求;收到响应,可以修改响应。

这样的话,就可以模拟一些特殊场景。

charles26 charles27

选择断点之后,需要重新发起请求,然后自动会跳到charles界面,可编辑请求或响应内容。

善用filter过滤出想看的接口

这点很重要,不然请求太多,眼花。

charles30

附注:charles 组件介绍

charles5 charles6 charles7 charles8