如何使用Fiddler抓取手机APP的包定位前后端BUG?

抓包相关说明:

  • 客户端向服务器发送请求以及服务器响应客户端的请求,都是以数据包来传递的。
  • 抓包是通过工具拦截客户端与服务器交互的数据包。
  • 如果抓不到请求,显然是前端问题。
  • 如果有请求但是没响应,那就是后端的问题。
  • 如果有请求也有响应,需要查看响应信息。响应信息错误,那就是后端的问题。响应信息正确,那就是前端问题。

Fiddler工具安装

设置Fiddler

  • 开启抓包功能,并设置端口号
    • Tools--->options设置
    • 点击Connections设置,
    • 把Allow remote computers to connect选项前的勾选框勾选上确认监听端口为8888(8888并非特定端口号,只是为了方便区分端口号而设置8888)
  • 生成证书,并导出到桌面
    • Tools--->options设置
    • 点击HTTPS设置
    • 点击Actions,点击Export Root Certificate to Desktop,会把证书生成并导出到桌面

手机设置及安装证书

  • 设置手机为开发者模式权限
  • 确认手机已经连接上电脑(注意并不是手机插上仅充电)
  • 安装Fiddler证书
    • 上传证书到手机:将PC端导出到桌面的证书直接传输到手机
    • 进入系统设置--->安全--->凭据管理,
    • 选择从SD卡安装,找到证书(搜索Fiddler),双击安装证书,自定义命名并确定,安装成功后需要自定义锁屏密码(选择PIN码,进行设置)
  • 设置手机代理
    • 进入系统设置--->WLAN,选择当前连接的网络(同时确认当前网络与电脑网络是同一局域网),在弹出窗口选择修改网络,代理选择手动,代理服务器主机名输入本机IP,代理服务器端口与步骤1.1中设置的监听端口保持一致;
  • 查看ip地址快捷方式

抓取app包,定位前后端问题

  • 抓包开始/暂停(Capturing按钮未显示即为暂停)
  • 抓包数据清除(在输入框内输入cls 然后回车即可)

下面我们测试一下,打开手机的APP,确认能抓取到即可

相关推荐
玉梅小洋10 分钟前
Windows 10 Android 构建配置指南
android·windows
Libraeking2 小时前
视觉篇:Canvas 自定义绘图与高级动画的华丽圆舞曲
android·经验分享·android jetpack
Fushize2 小时前
多模块架构下的依赖治理:如何避免 Gradle 依赖地狱
android·架构·kotlin
Jomurphys3 小时前
Kotlin - 类型别名 typealias
android·kotlin
Haha_bj3 小时前
Flutter ——flutter_screenutil 屏幕适配
android·ios
Haha_bj3 小时前
Flutter ——device_info_plus详解
android·flutter·ios
前端小伙计4 小时前
Android/Flutter 项目统一构建配置最佳实践
android·flutter
Mr_sun.5 小时前
Day09——入退管理-入住-2
android·java·开发语言
ujainu6 小时前
告别杂乱!Flutter + OpenHarmony 鸿蒙记事本的标签与分类管理(三)
android·flutter·openharmony
常利兵7 小时前
Android内存泄漏:成因剖析与高效排查实战指南
android