cordova ios 网络请求调试(抓包)

963 阅读1分钟

Charles 调试工具

官网地址:www.charlesproxy.com/download/

Charles 配置及使用

电脑端配置

(1)打开连接的Wi-Fi网络设置,如下图:

img

(2)打开Charles,在菜单栏点击【Proxy】—》【macOS Proxy】,macOS系统HTTP/HTTPS代理将会被自动设置为本地代理,默认端口8888,如图:

img

(3)点击菜单栏【Proxy】—》【SSL Proxy Settings】,在SSL Proxying选项卡中添加需要抓包的域名和端口,如图

img

(4)点击菜单栏,【Proxy】—》【Proxy Settings】,设置如下: img

(5)点击菜单栏【Help】—》【SSL Proxying】—》【Install Charles Root Certificate】,安装Charles根证书,并设置为信任,如图

img

img

如果遇到证书不被信任的问题,解决办法:

Mac本顶栏 前往 -> 实用工具 -> 打开钥匙串访问 -> 找到该证书 -> 双击或右键「显示简介」-> 点开「信任」-> 选择「始终信任」

(6)点击菜单栏【Help】—》【SSL Proxying】—》【Install Charles Root Certificate on a Mobile Device or Remote Browser】,如图 img

客户端配置(以iOS配置为例)

(1)手机端连接与电脑端连接相同的Wi-Fi

(2)点击连接Wi-Fi的感叹号按钮,打开代理设置,输入电脑端IP地址和端口号,如图

「Mac IP 获取方法:Charles -> Help -> Local IP Address 」

img

img

备注:首次连接,在电脑端会弹出如下弹窗,点击【Allow】即可,如图

img

(3)打开safari浏览器,输入:chls.pro/ssl 下载证书

(4)进入手机设置,【通用设置】—》【描述文件】,点击刚才下载的证书,进行安装,如图

img (5)打开证书信任开关,【通用设置】-【关于】-【证书信任设置】,找到Charles证书,将开关设置为打开,如图

img

注意

  1. 在开启 Charles 时候,注意8888端口是否被占用,如果被占用会提示 invalid host header