1、下载并安装
1.1 官网下载charles： www.charlesproxy.com/download/
1.2 选择并下载要安装的版本
2、如果只是拦截浏览器的请求
Charles 是通过将自己设置成代理服务器来完成封包截取的，所以使用 Charles 的第一步是将其设置成系统的代理服务器。
启动 Charles 后，第一次 Charles 会请求你给它设置系统代理的权限。你可以输入登录密码授予 Charles 该权限。你也可以忽略该请求，然后在需要将 Charles 设置成系统代理时，选择菜单中的 “Proxy” –> “Mac OS X Proxy” 来将 Charles 设置成系统代理。如下所示：
Structure 视图将网络请求按访问的域名分类。
Sequence 视图将网络请求按访问的时间排序。
大家可以根据具体的需要在这两种视图之前来回切换。请求多了有些时候会看不过来，Charles 提供了一个简单的 Filter 功能，可以输入关键字来快速筛选出 URL 中带指定关键字的网络请求。 对于某一个具体的网络请求，你可以查看其详细的请求内容和响应内容。如果请求内容是 POST 的表单，Charles 会自动帮你将表单进行分项显示。如果响应内容是 JSON 格式的，那么 Charles 可以自动帮你将 JSON 内容格式化，方便你查看。如果响应内容是图片，那么 Charles 可以显示出图片的预览。
2.1 过滤网络请求
通常情况下，我们需要对网络请求进行过滤，只监控向指定目录服务器上发送的请求。对于这种需求，以下几种办法：
方法一：在主界面的中部的 Filter 栏中填入需要过滤出来的关键字。例如我们的服务器的地址是：www.npmjs.com , 那么只需要在 Filter 栏中填入 npmjs 即可。
方法二：在 Charles 的菜单栏选择 “Proxy”–>“Recording Settings”，然后选择 Include 栏，选择添加一个项目，然后填入需要监控的协议，主机地址，端口号。这样就可以只截取目标网站的封包了。如下图所示：
方法三：在想过滤的网络请求上右击，选择 “Focus”，之后在 Filter 一栏勾选上 Focussed 一项，如下图所示：
3、截取 APP 上的网络封包
Charles 通常用来截取本地上的网络封包，但是当我们需要时，我们也可以用来截取其它设备上的网络请求。
3.1 Charles 上的设置
要截取手机端上的网络请求，我们首先需要将 Charles 的代理功能打开。在 Charles 的菜单栏上选择 “Proxy”–>“Proxy Settings”，填入代理端口 例如：7777，并且勾上 “Enable transparent HTTP proxying” 就完成了在 Charles 上的设置。如下图所示:
3.2 SSL 设置
在 Charles 的菜单栏上选择 “Proxy”–>“SSL Proxy Settings”
3.3 Mac 证书安装
在 Charles 的菜单栏上选择 “Help”–>“SSL Proxy”->“Save Charles Root Certificate...” 下载证书到本地，双击安装。
3.4 信任证书
4、客户端Charles 配置（确保手机网络和mac 链接同一wifi网络环境中）
4.1 查询安装Charles 的Mac ip 地址
先通过 “系统偏好设置”–>“网络偏好设置”，找到IP地址（或者通过 ifconfig 命令查询）
4.2 手机WiFi 代理配置
4.2.1 ios 步骤
进入手机 “设置”–>“无限局域网设置”–>“点击链接的WiFi”–>点击“配置代理”, 切换为“手动”, 填入刚才查询的 ip 地址，以及之前在 Charles 设置的端口号, 例如7777, 然后点击右上角“储存”。
4.2.2 Andriod 步骤
进入手机 “设置”–>“WLAN”–>“点击链接的WiFi”–>点击“代理”切换为“手动”, 填入刚才查询的 ip 地址，以及之前在 Charles 设置的端口号, 例如7777, 然后点击右上角保存。
4.3 ios手机安装证书
使用手机浏览器访问 chls.pro/ssl, 会弹出安装证书的弹窗，点击“允许”。（此时访问如果报错，一般会发现Charles有个弹窗，点击“allow”，或者查看你配置的 ip地址是否正确 ）
4.3 Andriod手机安装证书
如果是Andriod 手机，请使用chrome 浏览器访问 chls.pro/ssl（亲测有效），然后命名 charles, 如果没设置密码按照要求设置就好了，安卓手机到这步就配置好了就可以正常抓包了，不需要进行后面的步骤。
4.4 手机配置设置
进入手机 “设置”–>“通用”–>“描述文件与设备管理”–>点击配置描述那一列，点击右上角安装， 然后点击信任验证。
4.5 手机信用证书允许
进入手机 “设置”–>“通用”–>“关于本机”–>“证书信任设置”，打开对应的开关。
5、然后你刷新手机浏览器，就会发现 Charles 有大批的请求了
（如果你发现你想要拦截的APP 看不到请求，请安装该App开发版本）
6、如果你想Mock 某App开发版本的某个请求
6.1 查找某接口的现有数据进行mock（如果有定义好的mock文件，可以跳过此步）。
filter 出你想Mock 的请求，然后右键，点击“Save Responce”, 到某个目录，并以 .json 后缀命名，然后保存。
6.2 对接口进行Mock数据
对接口右键，点击“Map Local...”，然后 choose 刚才保存的 json文件或者指定的 json文件，就可以把文件里的内容 Mock 返回给客户端了。（Query 里的内容可以清空，要不然只能mock特定参数的接口了）
