Charles Mac配置

Charles是Mac平台主流抓包 && Mock 工具. 本文主要记录Charles的配置过程.

下载购买

官网

设置

1. 安装证书

   
   
   

   install_cerficate.png

2. 添加信任

   
   
   

   keychain.png
   
   
   

   trust.png

3. Proxy Settings

   
   
   

   proxy.png

4. SSL Settings.此处SSL Proxying和Client Certificates都需要设置

   
   
   

   SSL.png

5. Record Settings.此处如果不配置,默认为抓取所有请求.

   
   
   

   Recording.png

手机支持

1. 如果只是抓取开发环境下http的包，只需要在手机与电脑连接同一wifi，然后在wifi设置中连接charles中的代理即可。
2. 如果需要抓取https，则需要
   1. 与步骤1中同样，连接charles代理

   2. 如图，选择在移动设备上安装证书。
      

      image.png

   3. 根据提示，在手机上指定网页，安装证书。
      

      image.png
   4. 手机上设置信任证书即可。

Mock Response

其实对于前端工程师来说,大多数请求通过Chrome的dev tools已经足够查看了,使用Charles主要是为了模拟一些返回.
这个过程也很简单,在想要mock的请求上面点击右键,Map locale 或者 Map Remote.

Map.png

反向代理

功能在如图所示位置，同样可以用于将请求转发。

image.png