MacOS 使用网易 MuMu 以及 Charles 进行应用调试

近期在工作中遇到一个移动端应用调试的问题, 再次记录下, 以供后人来参考.
应用应用抓包一直以来都是一个很大的问题, 似乎网络上还没有相应的教程, 当然也有可能是太简单了, 大家都懒得写, 那我就抛个砖, 写下这篇文章, 以供后来人参考.
问题情境还原: 移动端软件有问题, 需要查看移动端的请求的地址, 以便在 kibana 中查询相应的请求 , 进而定位问题.

具体步骤

前提准备 软件的安装

网易 mumu 下载地址: https://mumu.163.com/
Charles 下载地址: https://www.charlesproxy.com/

PC 设置

PC 的设置主要分为两个方面
1. Charles root 证书的安装
2. 监听端口的设置和 SSL 端口的监听 (SSL 端口如果不涉及就无需配置, 但是推荐配置上, 因为 SSL 逐渐成为一种常态)

1. root证书的安装

安装证书的界面如下图所示, 根据提示安装证书即可 我安装的是默认的位置, 因此此处弹出的默认位置即可以使用.

2. 监听端口设置及 SSL 端口的监听

监听端口设置 Proxy -> Proxy Setting -> Http Setting -> Port

设置端口

完成上述操作后, 并保存后, 即可完成了端口的保存.
设置 SSL 类型的监听 Proxy -> SSL Proxy Seeting -> SSL Proxying -> include 加入 *:*(即放心所有地址的端口) 即可. 图片如下:

设置 include

此时已经完成了Charles 的设置, 可以开始进行网易 mumu 或者其他终端的设置

网易 mumu 设置

这个设置比较简单, 需要提前获取电脑的内网 ip 地址 ifconfig(mac || Linux) or ipconfig(windows)
打开网易 mumu , 打开虚拟手机设置, 长按内网的 WiFi 网络, 显示出高级设置, 并修改WiFi 的代理设置, 具体界面操作如下图:

此时需要在浏览器中输入 chls.pro/ssl 以安装手机 ssl 证书, 此步骤需要设置手机安全密码(锁屏密码) 即可进行抓取手机的 https 链接.

通过以上两个设置, 前期设置已经完成, 现在可以开始进行抓取操作

抓取测试

打开两个软件 随便访问一个地址, 电脑端首次连接会弹出下面的界面 点击允许就好.

而后 即可显示抓包的数据请求

便可以从中寻找请求去 kibana 中查询. 点击一个请求, 右边的上面是请求体,下面是result内容.

此内容更新完毕.