配置Charles 设置手机代理并允许https请求

2024-02-13 20:51:10

前言

在h5开发调试时，为实现手机app访问localhost地址，可以使用ip地址的方式，但一般公司app出于安全考虑，会限制只能访问其自有域名（例如美团app只能访问xxx.meituan.com等）。因此，将localhost映射到xxx.meituan.com，并通过charles代理实现手机扫码访问

步骤

用手机代理访问某网页
- vim /etc/hosts 加一行：127.0.0.1 xhy.meituan.com
- Charles--Proxy--Proxy Settings--Enable transparent HTTP proxy
- 手机：设置--wifi--配置代理--手动代理
  - 服务器：电脑的ip地址
  - 端口：8888
- 手机浏览一个网页，charles弹窗点击Allow
  - 若忘点击或没有弹窗，则重启电脑或在Proxy--Access Control Settings中添加：0.0.0.0/0
Charles 设置允许抓https包：
参考链接：https://blog.csdn.net/yangmeng13930719363/article/details/51645435
- 电脑
  - 配置 Charles 根证书
    - Help--Install Charles Root Certificate
    - 之后会弹出钥匙串，如果不弹出，请自行打开钥匙串，如下图：
    - 系统默认是不信任 Charles 的证书的，此时对证书右键，在弹出的下拉菜单中选择『显示简介』，点击使用此证书时，把使用系统默认改为始终信任，如下图：
  - 配置SSL Proxy：Proxy--SSL Proxy Settings，填写 Host: * Port: 443
- 手机
  - 在移动设备上配置证书
    - Help--SSL Proxying--Install Charles Root Certificate
    - 打开手机浏览器（safari），输入charlesproxy.com/getssl 会弹出如下界面，点击“安装”
  - 手机信任证书：通用->关于本机->证书信任设置->CA勾选
在chrome中添加二维码扫描插件，访问网址时，点击二维码即可通过手机扫描