移动端场景下使用 charles 代理的优点

  • 解决移动端真机接口调用不便查看的问题。
  • 有利于解决发布到线上环境判断接口是否正常的问题。?待确认

设置代理

  • 场景: 代理查询接口请求数据, 解决移动端真机接口调用不便查看的问题。
  • 步骤
    1. 打开 charles, 配置手机可以代理的端口。
    2. 打开手机, 设置代理地址。
    3. Charles 上设置要抓包的 https 地址。(http 地址则不需要进行这一步)
    4. 手机装证书。按照下图所示找到手机证书的教程。注意此时手机一定要连代理,然后用手机浏览器访问 chls.pro/ssl。浏览器会自动下载软件然后安装。(如果无法自动下载, 请确认内网互联, 手机抓包配置是否正确。)

使用本地前端代码调试测试环境数据

  • 使用场景: 使用本地前端代码调试测试环境数据
  • 方法: 将测试环境域名代理到本地。

此时需要注意将系统设置中的网络代理一栏, 取消勾选。然后重启 Charles。