Charles

http://www.veryhuo.com/a/view/98081.html

Charles抓包
charles在项目中应用的场景非常多，最基础的抓取APP与后台的交互数据和H5的静态资源，该教程介绍charles远程抓取http、https数据包。
只介绍OSX下使用charles抓包。

一、下载
官网地址：http://www.charlesproxy.com/

二、http抓包
远程抓包需要移动端（APP）、PC(charles)端处在同一个WIFI网络中。
启动charles，设置代理监听端口，默认值为8888。![监听端口]

Paste_Image.png

移动端配置wifi代理ip、端口。查看pc端ip：设置->网络

Paste_Image.png Paste_Image.png

在移动端浏览器中访问url：http://charlesproxy.com/getssl ，下载安装证书。
配置需要抓取的https url，添加一条.表示捕获解析所有https请求，如果不配置则不会解析https数据包的内容。 菜单：proxy->ssl proxy setting
。

四、其他
1、配置过滤url抓取的数据包太多，不方便查看，菜单：proxy->recording setting
。标签页include、exclude配置过滤规则。 下图配置只抓取测试环境的数据包： ![] Paste_Image.png

2、限速用来模拟不同网络环境，测试页面加载速度。 菜单：proxy->throtte setting
。
3、请求断点当一些数据难以模拟需要篡改提交或后台返回的数据时，可断点请求后编辑request、response的数据。 菜单：proxy->breakpoint setting
。 或右键请求记录，选择breakpoint。 配置请求断点：![]

Paste_Image.png

当捕获到配置的请求后会自动打开编辑页面，编辑请求:![]