Charles

一、抓包概述

1. 抓包概念

抓包是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作，也用来检查网络安全等。下面小编就介绍几种抓包软件。

2. 常见抓包工具

Charles、fiddler、wireShark

测试为什么要学习Charles抓包？

能够使用Charles来分析前后端问题

能够使用Charles模拟弱网测试环境

能够使用Charles的断点构建异常的测试场景

一、Charles简介

1. 什么是Charles

Charles中文名字青花瓷，是一款Http代理服务器和Http监视器，当移动端在无线网连接中按要求设置好代理服务器，使所有对网络的请求都经过Charles客户端来转发时，Charles可以监控这个客户端各个程序所有连接互联网的Http通信。

特点：跨平台、半免费

免费版本：一是启动等待十秒才能启动，二是半小时重启一次

2. Charles工作原理

原理

截获真实客户端的HTTPS请求，伪装客户端向真实服务端发送HTTPS请求

接受真实服务器响应，用Charles自己的证书伪装服务端向真实客户端发送数据内容

原理图

原理案例

租房子房客中介房东

前置步骤：

（1）需要运行Charles并配置代理

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

步骤：

（1）有客户端发送请求

（2）Charles接受再发送给服务端

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

（4）由Charles转发给客户端

3. Charles主要功能

支持HTTP/HTTPS代理

支持流量控制

支持接口并发请求

支持重发网络请求，方便后端调试

支持断点调试

支持修改网络请求参数

支持网络请求的截获并动态修改

支持模拟慢速网络

4. Charles优点（相对Fiddler）

Charles能够支持Linux、macOS，fiddler不支持

Charles支持按域名和按接口查看报文，简洁明了

Charles支持反向代理，fiddler不支持

Charles网络限速可选择网络类型，选择3G、4G、5G等

Charles可以解析AMF协议，一般用不到

二、安装与配置

1. Charles安装

官网下载：Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy (charlesproxy.com)

双击，下一步即可

2. Charles组件介绍

校验是否符合w3c标准。

3. Charles设置

3.1 代理设置

3.2 Charles访问控制

4. 客户端设置

4.1 Windows代理设置

Android手机代理设置（见3.1）

三、实战

抓取移动设备发送的Http请求

先将移动设备连接到Charles客户端。首先在电脑中输入cmd打开命令行窗口，输入ipconfig查看本机连接无线网络的IP地址，这个地址作为移动设备连接Charles客户端的代理地址

打开Charles客户端，点击Proxy->Proxy Settings菜单，可以设置移动设备连接到Charles的端口（8888），这样移动设备代理配置需要的ip地址和端口号都有了。

打开手机wifi，设置所连接的wifi的代理网络；wifi代理设置为手动，代理的服务器ip填写上一步骤中查看到的电脑ip，端口填写上一步骤提到的charles的服务端口：

注意：

①移动设备配置之后，第一次通过手机访问手机中的发送请求时，Charles会弹出提示框，提示有设备尝试连接到Charles，是否允许，如果不允许的话，手机发送请求失败，点击Allow允许，这样这个设备的IP地址就会添加到允许列表中，如果错误点击了Deny可以重启Charles会再此提示，或者通过Proxy->Access Control Settings手动添加地址，如果不想每个设备连接Charles都要点击允许的话，可以添加0.0.0.0/0允许所有设备连接到Charles。

②手机与电脑必须连接同一个WiFi

③不要勾选Proxy → SSL Proxying setting 中的Enable SSL Proxying

④Charles是通过将自己设置成代理服务器来完成抓包的，勾选系统代理后，本地系统（如果通过浏览器发送请求）发送出去的请求都能被截取下来。因此，如果想只抓取手机APP发送的请求的话，可以不勾选WindowsProxy选项，这样在测试时就不会被本机Http请求所干扰。