1.Charles是什么

基于http协议的代理服务器,通过成为电脑或者浏览器的代理,然后截取请求和请求结果达到分析抓包的目的。

特点:跨平台、半免费(免费:启动后要等10s;每次只能运行半个小时,半个小时后自动重启)。

2.Charles的工作原理




charles部分接口乱码mac_charles乱码


前置步骤:

1)需要运行Charles并配置代理

2)在客户端上面需要配置代理

具体步骤:

1)由客户端发送请求

2)Charles接收再发送给客户端

3)服务端返回请求结果给Charles

4)由Charles转发给客户端

3.Charles能做什么

1)支持http及https的代理

2)支持流量控制(弱网测试)

3)支持接口并发请求(压力测试、性能测试)

4)支持重发网络请求

5)支持断点调试

4.Charles的有点

对比fiddler的优点:

1)支持Linux、MacOs

2)支持按域名和按接口查看报文,简洁明了

3)支持反向代理

4)网络限速可选择网络类型

5)可以解析AMF协议

5.Charles的安装

1)下载,官网:http://www.charlesproxy.com

2)下载对应版本后,按指引安装即可

6.Charles的组件介绍

1)主导航栏


charles部分接口乱码mac_charles乱码_02


2)请求栏


charles部分接口乱码mac_charles 安装 ssl_03


3)请求数据


charles部分接口乱码mac_charles乱码_04


7.Charles代理设置


charles部分接口乱码mac_charles乱码_05


8.访问控制

1)在IP列表里的支持访问

2)Prompt to allow……:勾选后,访问不在列表里的IP地址,会有提示信息;不勾选,则不在IP列表里的无法访问


charles部分接口乱码mac_charles 安装 ssl_06


9.客户端-windows代理设置

如果打开Charles的电脑跟使用的电脑是一个电脑,则不需要设置代理;如果不是一台电脑,则需要设置代理。设置方式如下:


charles部分接口乱码mac_charles 安装 ssl_07


charles部分接口乱码mac_charles 乱码_08


10.客户端-MacOS代理设置

步骤一:


charles部分接口乱码mac_charles乱码_09


步骤二:


charles部分接口乱码mac_charles 安装 ssl_10


步骤三:


charles部分接口乱码mac_charles乱码_11


charles部分接口乱码mac_charles 乱码_12


如果打开Charles的电脑跟使用的电脑是一个电脑:


charles部分接口乱码mac_charles乱码_13


11.客户端-iOS代理设置


charles部分接口乱码mac_charles乱码_14


12.客户端-Android代理设置


charles部分接口乱码mac_charles乱码_15


13.未配置证书抓取https数据

直接抓取https数据会出现乱码,解决方法是安装SSL证书

1)Windows安装SSL证书

安装证书:


charles部分接口乱码mac_charles 乱码_16


配置https代理:


charles部分接口乱码mac_charles 乱码_17


2)macOS安装SSL证书

安装证书:


charles部分接口乱码mac_charles乱码_18


开启https代理:


charles部分接口乱码mac_charles乱码_19


3)iOS安装SSL证书


charles部分接口乱码mac_charles 安装 ssl_20


charles部分接口乱码mac_charles 安装 ssl_21


14.流量配置


charles部分接口乱码mac_charles乱码_22


15.断点配置


charles部分接口乱码mac_charles 安装 ssl_23


charles部分接口乱码mac_charles 安装 ssl_24