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

前言

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

步骤

1. 用手机代理访问某网页
   • 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
2. 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勾选

3. 在chrome中添加二维码扫描插件，访问网址时，点击二维码即可通过手机扫描