IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发测试 -> 接口测试之Fiddler抓包,定位接口测试问题详细教程 -> 正文阅读

[开发测试]接口测试之Fiddler抓包,定位接口测试问题详细教程

Fiddler应用实战-面试必问且测试必会的技术

一. Fiddler部署与原理

1. Fiddler是什么?

  • Fiddler是位于客户端和服务器端的HTTP代理,也是目前最常用的http抓包工具之一 。什么是包?什么抓包?什么情况下需要抓包?我们先解决这几个问题。

    • :数据包。数据包就是之客户端发给服务端的请求信息以及服务器返回给客户端的响应信息。举个栗子:打开浏览器,访问商城,进行登录操作,那么登录时的用户名、密码等信息就是发送请求的数据包;那么登录成功后返回的界面显示的信息均是服务端返回的数据包,包括你的昵称,头像等等。

    • 抓包:抓取数据包;也就是通过工具获取发送的请求信息或返回的数据信息。目的是分析数据包的内容与协议,从而来判断是否符合设计要求。

    • 什么情况下需要抓包

    1. 判断一个问题是前端bug还是后端bug的时候

    2. 开发要你重现bug,截取数据,定位问题的时候

    3. 开发要你做接口测试,但又不没给你接口文档的情况

    4. 在不修改任何环境的情况下,修改返回的结果

2.Fiddler抓包原理

  • 为什么Fiddler能抓到包?

    • Fiddler之所以能抓包,本质上是因为浏览器/App/软件设置了代理为 Fiddler。

    ?

    ?

    • Fiddler可以抓取Web/客户端/App端的数据包。

      • 对于Web端的数据包,如果使用IE浏览器和Chrome浏览器,会默认走代理,不需要设置就可以抓包;如果是Firefox浏览器,则需要设置代理。在后面的中会给大家介绍。

      • 对于App端的数据包,第一要保证手机与装有Fiddler的电脑处于同一局域网;第二需要对手机设置代理。后续会继续给大家编写详细的Fiddler抓取App端的数据包。

3.常见抓包工具对比

  • 除了Fiddler还有哪些能抓包?

    • 抓包工具:wireshark、fiddler、httpwatch、charles、chrome开发者工具(F12),各工具的对比,查看下图。

    ?

    ?

4.Fiddler环境部署

二.Fiddler快速定位Bug

1.面试中典型的问题

  • 面试过程中你有没有遇到此类问题

    1. 测试过程中的bug,你是怎么判断bug是前端问题还是后端问题?

    2. 测试过程中你是怎么复现bug,并提供数据,辅助开发定位和解决问题的?

    3. 领导给你安排接口测试的工作任务,但是没有给你接口文档,你会怎么开展测试工作?

2. Fiddler定位Bug

  • 如何用Fiddler复现Bug,定位Bug的前后端问题,具体操作请听我一一解析:

    1. 开启Fiddler,进入File--勾选Capture Traffic。默认是开启的,如果停止抓包可以把它关闭

      ?

      ?

      ?

    2. Chrome浏览器操作Bug复现操作过程,可以在Fiddler看到很多的请求信息

      ?

      ?

    3. 快速找到对应操作的请求

      • 排除法:通过host来排除,host这一列,不是我访问网址的域名信息,全部删除

        ?

      • 学会用ctrl+f快速搜索:是你复现问题时,从UI界面输入的数据,那么在此请求中是一定包含

        ?

      • 双击搜索的请求,再进行确定

        ?

    4. 分析请求数据,判断Bug

      • fiddler 没有抓到请求信息,可能是前端页面元素没有绑定事件,也有可能是前端发生了JS 错误,一般就是前端的bug 。

      • fiddler抓取到的请求但是返回的结果错误,首先确认一下,是否是前端传输的数据是错的,数据错误则是前端的bug ,数据正确,一般就是后端的bug。

      • fiddler抓取到的请求,其返回值的HTTP状态码是500(5xx),说明是后端服务器的内部错误,一般就是后端的bug。

      • fiddler抓取到的请求,其返回值的HTTP状态码是404(4xx),说明请求错误,如果确定请求地址、参数没有问题,一般就是前端问题。

      ?

      ?

三. Fiddler接口测试

1. 案例需求

2. 接口抓包步骤

  1. 开启Fiddler,进入File--勾选Capture Traffic。默认是开启的,如果停止抓包可以把它关闭

  2. Chrome浏览器执行登录操作,Chrome浏览器不需要配置。【如果用火狐浏览器,火狐浏览器的代理配置如下】:

    • 获取Fiddler工具的监听端口:打开Tools-->Fiddler Options..-->Connections,获取监听端口8888

      ?

    • 配置Firefox代理:进入设置--搜索代理--代理设置

      ?

      ?

  3. Fiddler抓取的请求信息,并进行登录请求的搜索和定位

    ?

3.接口测试

  • 获取接口测试关键要素

  1. 接口地址:找到请求--》右击--》copy-->just url。论坛登录接口地址:http://62.234.58.195:3000/signin

    ?

  2. 接口方法:双击请求-->Inspectors-->Headers-->第一行的第一个就是请求方法。论坛登录接口方法:POST

    ?

  3. 接口参数:双击请求-->Inspectors-->WebForms-->参数名和参数值都显示在这里。论坛登录接口方参数:

    1)入参参数

    • name:yinuo1 用户名

    • pass:123456 密码

    ?

    2)请求头参数:双击请求-->Inspectors-->Headers-->查看请求头参数

    • Content-Type: application/x-www-form-urlencoded

    ?

  4. 响应结果:双击请求,查看底部的WebView

    ?

  • 接口测试

  1. 打开Postman

  2. 输入请求url、方法、参数;发送请求

    ?

  3. 查看响应结果

    ?

如果你也想学习web/接口自动化测试,测试开发,性能测试流,欢迎加入软件测试技术全栈交流群:821268239,群里会有笔者熬夜精心整理的测试干货,包括面试题、视频、原创文章等资料大礼包。还有大厂高级测试开发一起交流技术。

  开发测试 最新文章
pytest系列——allure之生成测试报告(Wind
某大厂软件测试岗一面笔试题+二面问答题面试
iperf 学习笔记
关于Python中使用selenium八大定位方法
【软件测试】为什么提升不了?8年测试总结再
软件测试复习
PHP笔记-Smarty模板引擎的使用
C++Test使用入门
【Java】单元测试
Net core 3.x 获取客户端地址
上一篇文章      下一篇文章      查看所有文章
加:2021-07-24 11:47:47  更:2021-07-24 11:47:49 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/17 20:51:29-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码