Bootstrap

鸿蒙开发App 如何通过抓包查看 http 网络请求?

通过借助第三方工具  Charles

https://www.charlesproxy.com/

https://www.zzzmode.com/mytools/charles/icon-default.png?t=O83Ahttps://www.zzzmode.com/mytools/charles/ Charles 激活码计算器  

相关博客日志:https://zhuanlan.zhihu.com/p/281126584 

MAC上的使用方法:

charles抓包流程

移动端charles抓包

mac环境:

charles软件下载地址 https://xclient.info/s/charles.html

第一步:打开charles

第二步:手机连接与电脑相同的WIFI环境,手机进入wifi设置页面

完成上步操作之后 charles会弹出一个授权框 点击allow即可。至此已经可以抓包http协议。

https的抓包

第一步:打开charles的help

第二步:浏览器中输入chl.pro/ssl 下载证书

第三步: 前往设置-通用-描述文件-选择最近未安装的证书进行安装即可。

sslproxying设置

域名添加:如www.95fenapp.com

tips:1.对微信小程序抓包时 如为第一次设置 需要重新退出并进入小程序即可

2.安卓安卓证书由于机型不同 需要搜索相关教程

3.charles中的tool的 map Remote与 map Local为常用功能

Charles代理&SwitchHosts切环境

# 验收完成后,Charles代理需要及时关闭掉,否则会出现不可上网的现象。

Charles:

1、安装Charles

2、配置

  • 抓取本机的发送请求

打开charles——> 选择proxy菜单项——> 选择macOs Proxy 即可抓取本机的请求

  • 抓取移动设备发送的请求

使用charles抓取移动设备的请求需要保证移动设备和本机处于同一个网络中。

手机端使用

1、连接代理到本机(首先,确保手机与本机电脑在同一个wifi

这里默认使用的是iphone手机(安卓也一样操作即可)

手机端打开对应的网络——> 选择代理手动——> 输入对应的本机ip地址和端口号

本机ip查看:Charles->help->Local IP Adress->env对应的ip地址

2、Charles允许手机请求本机

移动设备配置之后,第一次通过手机访问手机中的发送请求时,Charles会弹出提示框,提示有设备尝试连接到Charles,是否允许,如果不允许的话,手机发送请求失败,点击Allow允许,这样这个设备的IP地址就会添加到允许列表中。

如果错误点击了Deny可以重启Charles会再此提示,或者通过Proxy->Access Control Settings手动添加地址,如果不想每个设备连接Charles都要点击允许的话,可以添加0.0.0.0/0允许所有设备连接到Charles。

经过上面的配置之后我们就可以抓取http请求的包

3、配置支持https抓包请求

默认charles是不支持https抓包的,所以需要安装对应的https证书

手机上需要输入chls.pro/ssl安装对应的证书

手机上打开设置——>通用——>描述文件与设备管理——>信任描述文件

之前经常做到这步 然后发现还是无法解析https请求,主要是遗漏了手机上证书的信任操作。

手机上打开设置——>选择通用——>关于本机——>证书信任设置

;