抓包利器Charles操作指南

Charles工作原理

任何通过App端/Web端发送给后端的接口都会被Charles拦截再转发给后端，返回也是一样经由Charles转发给客户端。

在日常手工测试过程中，我们除了通过页面操作验证功能是否正确外，还需要验证接口的返回是否正确。有时候为了测试某些特殊的测试场景，还不得不去更改服务端的返回值，这部分操作就必须用到测试工具。

验证接口正确性，对于QA来说，可以对发现的问题进行简单的归因判断，提升手动测试效率。

搭建代理环境-Web端

1. 下载Charles, https://www.charlesproxy.com/，下载成功并安装根证书Help ->SSL Proxying ->Install Charles Root Certificate, 选择始终信任；

2. 证书安装成功，打开Proxy ->MacOsProxy，且打开recording, 当你在浏览器里面访问网页的时候，就能看到web端发送的所有请求；

3. 当前大多数请求是Https, 如果想抓取Https的请求，还需要在Proxy ->SSL Proxying Settings中进行如下设置，Enable SSL Proxying ->Add host *+Port 443；

搭建代理环境-App端

1. 先设置端口号，在Proxy ->Proxy Settings中设置端口号，默认是8888也可以定义为其他的端口号，同时勾选下面的两个子选项；

2. 确定手机代理地址。Charles客户端打开Help ->SSL Proxying-> Install Certificate Root Certificate on a Mobile Device or Remote Browser ；

接下来需要在App下载证书和设置代理，设置->无线局域网->连接电脑所在WiFi->ⓘ->配置代理->手动->服务器（可通过Charles-Help-Local IP Address或打开网络偏好设置查看）->端口：8888；

3. App浏览器进入chls.pro/ssl，下载证书，要注意的iOS10以后的版本需要在设置->一般->关于->证书，选择信任所下载的证书并安装；

4. 根据提示进入App端网络设置，保证和charles同一网络环境，设置VPN IP和端口如图中一致；

5. 启动App, 在Charles中检查是否有请求。

接口过滤、拦截和修改

因为所有的信息都会被我们抓取，如果过多会对我们造成干扰，所以我们可以过滤接口请求。

1. 直接过滤，在Filter中填写想要过滤的关键词，如下图所示我只抓取域名包含Charles相关的请求，其他的请求不显示；

2. 拦截，Proxy-> Proxy settings ->Include or Exclude ->add, 在请求量多的情况下，可以只抓取你想要拦截的特定请求；

3. 修改，Proxy-> Breakpoints settings-> Add，通过添加断点的方式，模拟接口返回数据，比如想要检查界面在空数据或者大数据的情况下UI的展示，就可以通过修改返回数据的方式达到期望效果，根据业务需求来做调整；

或者一个简单的方式鼠标右键在请求添加Breakpoints，同上，当这个请求再次被触发时就会被拦截，可以选择EditRequest看到这个请求所有的参数，点击Excute请求就会被发送出去；同时EditReponse也可以更改服务端返回的所有参数，更改完之后点击Excute服务端返回的内容就变成了更改后的。

设置完成之后可选择是否Enable Breakpoints, 不勾选将不会被应用。