如果使用fiddler抓取手机APP的包定位前后端bug?

76 阅读2分钟

Fiddler抓包工具

抓包介绍

  • 抓包的原理
    • 客户端向服务器发送请求以及服务器响应客户端的请求,都是以数据包来传递的。
    • acket capture):通过工具拦截客户端与服务器交互的数据包
  • 目的:确认BUG是谁的(前端还是后端)

前后端问题定位

  • 举例:用户在商品项目的搜索框输入"手机",但是没有任何结果展示,预期展示对于商品信息
  1. 进行抓包,没有抓到接口---结论:前端问题(前端在用户点击登录按钮时,没有调用登录接口)
  2. 进行抓包,有抓到接口查看请求数据,请求数据错误---结论:前端问题(没有按照后端要求传递请求数据)
  3. 进行抓包,有抓到接口查看请求数据且正确,查看响应数据错误--结论:后端问题
  4. 进行抓包,有抓到接口查看请求数据且正确,查看响应数据正确--结论:前端问题(前端获取接口返回的响应数据,在页面的展示出现问题)

fiddler设置

  1. Tools—>options设置,
  2. 点击Connections设置,把"Allow remote computers to connect"选项前的勾选框,勾选上
  3. 确认监听端口为8888 image.png

image.png

APP设置

安装Fiddler证书

  1. 上传证书到手机: 将PC端导出到桌面的证书直接拖拽进模拟器窗口
  2. 进入系统设置—>安全—>凭据管理,选择从SD卡安装,找到证书(搜索fiddler),双击安装证书,自定义命名并确定,安装成功后需要自定义锁屏密码(选择PIN码,进行设置);

image.png 设置手机代理

进入系统设置—>WLAN,选择当前连接的网络,在弹出窗口选择修改网络,代理选择手动,代理服务器主机名输入本机IP,代理服务器端口与步骤1.1中设置的监听端口保持一致;

image.png