本文介绍 charles 教程 - 代理抓包的使用方法
本文参考了：阿西河Charles教程
Charles是一个HTTP代理/ HTTP监视器/反向代理，使开发人员能够查看其机器和Internet之间的所有HTTP和SSL / HTTPS流量。这包括请求，响应和HTTP标头（包含cookie和缓存信息）
Charles 是在 Mac 下常用的网络封包截取工具，在做 移动开发时，我们为了调试与服务器端的网络通讯协议，常常需要截取网络封包来分析。
Charles 通过将自己设置成系统的网络访问代理服务器，使得所有的网络访问请求都通过它来完成，从而实现了网络封包的截取和分析。
除了在做移动开发中调试端口外，Charles 也可以用于分析第三方应用的通讯协议。配合 Charles 的 SSL 功能，Charles 还可以分析 Https 协议
如果您是您一次使用Charles
可能对下面的感兴趣。
如果您已经正在使用Charles
可能感兴趣下面的工具
- Charles禁止缓存工具
- Charles禁用cookies工具
- Charles远程映射工具
- Charles本地映射工具
- Charles镜像工具
- Charles重写工具
- Charles的black list 和 white list工具
- CharlesDNS欺骗工具
- Charles自动储存工具
- Charles客户端进程工具
- Charles撰写工具
- Charles重复发包工具
- Charles验证工具
- Charles Publish Gist 工具
如果您想了解顶部菜单栏
可以看下面的
Charles 相关
如果您有前端测试的需求，推荐 SwitchHosts这个小工具，当然您如果对chrome浏览器的在线改host感兴趣，也可以用下 Host Switch Plus
Charles和windows下的Fiddler都是同性质的代理抓包工具；
Chrome DevTool 不能满足所有调试
正常情况下，Chrome DevTool已经满足了日常web开发的需求，但是有的特性：编辑request的参数、重定向request请求的资源、编辑response的数据，ChromeDevTool就很蛋疼了，而且查看和调试移动端资源时候Chrome也并不好用；
我常借用Charles做这些事情
- 抓取 Http 和 Https 的请求和响应，抓包是最常用的了。
- 重发网络请求，方便后端调试，复杂和特殊情况下的一件重发还是非常爽的（捕获的记录，直接repeat就可以了，如果想修改还可以修改）。
- 修改网络请求参数（客户端向服务器发送的时候，可以修改后再转发出去）。
- 网络请求的截获和动态修改。
- 支持模拟慢速网络，主要是模仿手机上的2G/3G/4G的访问流程。
- 支持本地映射和远程映射，比如你可以把线上资源映射到本地某个文件夹下，这样可以方面的处理一些特殊情况下的bug和线上调试（网络的css，js等资源用的是本地代码，这些你可以本地随便修改，数据之类的都是线上的环境，方面在线调试）；
- 可以抓手机端访问的资源（如果是配置HOST的环境，手机可以借用host配置进入测试环境）
charles相当于一个插在服务器和客户端之间的“过滤器”；
当客户端向服务器发起请求的时候，先到charles进行过滤，然后charles在把最终的数据发送给服务器；
注意：此时charles发给服务器的数据，不一定是客户端请求的数据；charles在接到客户端的请求时可以自由的修改数据，甚至可以直接Block客户端发的请求；
服务器接收请求后的返回数据，也会先到charles，经过charles过滤后再发给客户端；
同理：客户端接收的数据，不一定就是服务器返回的数据，而是charles给的数据；
正因为上面的原理，所以charles能实现的功能，对前端开发者来说非常有吸引力，相当于请求和响应都可控的，而且charles为了控制更加方面，提供很多简洁的操作；
注意Charles是收费软件，可以免费试用30天的时间，推荐使用正版，研究学习可以看下 charles破解版免费下载和安装教程（我个人用的是charles4.1.2这个版本，现在用V4.2.28了）；
注意问题
如果想要抓包，第一件事情，就是把charles设置成为本机和服务端之间的”过滤器”；
让所有的网络请求全部经过charles，这样就可以捕获并记录到你请求的内容和返回数据了，原理请参照上面那张图片；需要注意的是，如果你访问的是web，可以把所有请求抓到；
但如果你想抓某些应用（比如手机上的应用等），应用使用的某些资源，如果没有向服务器发送请求，而是通过调用内部资源的方式进行展现，那么此时charles是抓不到的；验证这个的方式很简单，就是把网络断掉后，如果还可以继续展现，就是属于调用内部资源的，这种时候就不要想着通过抓包工具来捕获资源了，他都没有像服务器发起请求，手机点烂也抓不到的；
第一次启动 Charles
启动 Charles 后，第一次 Charles 会询问你是否把Charles设置为系统的代理，如果此时你忽略了这个询问敞口，你可以在后期设置的；将 Charles 设置成系统代理：选择菜单中的 “Proxy” -> “Mac OS X Proxy/windows proxy” 来将 Charles 设置成系统代理，参考如下，如果Mac下有管理密码，需要输入密码后方可进行；
