前言

  • 在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

        • 之后会弹出钥匙串，如果不弹出，请自行打开钥匙串，如下图：
          image.png

        • 系统默认是不信任 Charles 的证书的，此时对证书右键，在弹出的下拉菜单中选择『显示简介』，点击使用此证书时，把使用系统默认改为始终信任，如下图：
          image.png

      • 配置SSL Proxy：Proxy–SSL Proxy Settings，填写 Host: * Port: 443

    • 手机

      • 在移动设备上配置证书

        • Help–SSL Proxying–Install Charles Root Certificate
        • 打开手机浏览器（safari），输入charlesproxy.com/getssl 会弹出如下界面，点击“安装”
          image.png

      • 手机信任证书：通用->关于本机->证书信任设置->CA勾选

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

版权声明：本文为xuehaoyue原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/xuehaoyue/p/14327929.html