配置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 设置手机代理并允许https请求

        • 系统默认是不信任 Charles 的证书的,此时对证书右键,在弹出的下拉菜单中选择『显示简介』,点击使用此证书时,把使用系统默认改为始终信任,如下图:
          配置Charles 设置手机代理并允许https请求

      • 配置SSL Proxy:Proxy--SSL Proxy Settings,填写 Host: * Port: 443

    • 手机

      • 在移动设备上配置证书

        • Help--SSL Proxying--Install Charles Root Certificate
        • 打开手机浏览器(safari),输入charlesproxy.com/getssl 会弹出如下界面,点击“安装”
          配置Charles 设置手机代理并允许https请求
      • 手机信任证书:通用->关于本机->证书信任设置->CA勾选

  3. 在chrome中添加二维码扫描插件,访问网址时,点击二维码即可通过手机扫描
    配置Charles 设置手机代理并允许https请求
上一篇:Charles如何配置代理抓去HTTP/HTTPS请求


下一篇:charles抓包苹果手机app教程