Charles是Mac平台主流抓包 && Mock 工具. 本文主要记录Charles的配置过程.
下载购买
设置
-
安装证书
install_cerficate.png -
添加信任
keychain.png
trust.png -
Proxy Settings
proxy.png -
SSL Settings.此处SSL Proxying和Client Certificates都需要设置
SSL.png -
Record Settings.此处如果不配置,默认为抓取所有请求.
Recording.png
手机支持
- 如果只是抓取开发环境下
http的包，只需要在手机与电脑连接同一wifi，然后在wifi设置中连接charles中的代理即可。 - 如果需要抓取
https，则需要- 与步骤1中同样，连接
charles代理 -
如图，选择在移动设备上安装证书。image.png
-
根据提示，在手机上指定网页，安装证书。image.png
- 手机上设置信任证书即可。
- 与步骤1中同样，连接
Mock Response
其实对于前端工程师来说,大多数请求通过Chrome的dev tools已经足够查看了,使用Charles主要是为了模拟一些返回.
这个过程也很简单,在想要mock的请求上面点击右键,Map locale 或者 Map Remote.
Map.png
反向代理
功能在如图所示位置，同样可以用于将请求转发。
image.png
