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

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证书的安装

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

charles-setting-root

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

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

charles-proxy-setting-port

设置端口
charles-proxy-setting-port-2

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

设置 include
charles-ssl-proxying-1

charles-ssl-proxying-2

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

网易 mumu 设置

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

mumu-wifi-modify-web

mumu-wifi-modify-web-2

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

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

抓取测试

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

charles-connection

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

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

此内容更新完毕.

评论

  1. 1年前
    2021-8-20 11:24:36

    😛

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇
%d 博主赞过: