Fiddler系列教程:初识Http协议抓包工具 (超详细~)

 目录

1. Fiddler简介

2. Fiddler安装

3. Fiddler配置

4. 分析Http请求

4.1 Http消息结构简介

4.1.1 Request请求消息

4.1.2 Response响应消息

4.2 分析Get接口

4.2.1 请求示例

4.2.2 查看Get请求

4.2.3 查看Get响应

4.3 分析Post接口

4.3.1 请求示例

4.3.2 查看Post请求

4.2.3 查看Post响应

5. 模拟Http请求

5.1 打开调试页面

5.1 模拟Get请求

5.2 模拟Post请求


1. Fiddler简介

Fiddler是用一款使用C#编写的http协议调试代理工具。它支持众多的http调试任务,能够记录并检查所有你的电脑和互联网之间的http通讯,可以设置断点,查看所有的“进出”Fiddler的数据(cookie,html,js,css等)。

本文为Fiddler入门教程,主要介绍Fiddler下载安装、Http接口抓包分析及模拟请求方法。

运行环境为Windows 7系统,Fiddler版本为4。(Fiddler有.net 2.0 和 .net 4.0 两种版本,根据自己系统.net framework版本选择相应版本即可)

2. Fiddler安装

1.官网下载

地址:Fiddler4

2.安装步骤

双击FiddlerSetup.exe即可完成安装

3.启动Fiddler

开始菜单找到Fiddler 4或找到Fiddler安装目录下的Fiddler.exe,运行即可

3. Fiddler配置

首先需要对Fiddler抓取Https请求进行相关配置:

1. 打开Fiddler配置项:Tools –> Options

2. 打开配置项HTTPS,勾选“Capture HTTPS CONNECTs”,同时勾选“Decrypt HTTPS traffic”,弹出的安装证书对话框时选择“是”。如果需要监听不可信的证书的HTTPS请求的话,需要勾选“Ignore server certificate errors (unsafe)”。

4. 分析Http请求

4.1 Http消息结构简介

4.1.1 Request请求消息

Request请求消息分为3部分,第一部分叫Request line, 第二部分叫Request header, 第三部分是body. header和body之间有个空行, 结构如下图:

其中,第一行中的Method表示请求方法,比如"POST","GET", Path-to-resoure表示请求的资源, Http/version-number 表示HTTP协议的版本号。当使用"GET" 方法时, body为空

4.1.2 Response响应消息

和Request消息的结构基本一样,Response响应消息的结构同样也分为三部分:第一部分叫Response line, 第二部分叫Response header,第三部分是body. header和body之间也有个空行, 结构如下图:

HTTP/version-number表示HTTP协议的版本号,status-code 和message 表示Http响应状态码及消息文本,常见的有 200 OK, 302 Found, 403 Forbidden,404 Not Found,500 Internal Server Error等。

4.2 分析Get接口

4.2.1 请求示例

我们在运行Fiddler后,使用Chrome浏览器打开百度首页后,并搜索关键词fiddler

4.2.2 查看Get请求

此时Fiddler会抓取浏览器所有的Http请求,点击任何一条请求均可看到详细信息,包括协议类型,URL,Client及cookie信息。

如打开百度首页,Http请求内容如下:

输入搜索词Fiddler后,百度搜索Http请求如下(可以看到请求关键参数:wd=fiddler):

点击右侧Raw查看请求详细信息:协议类型,请求URL,参数,Headers等,其中GET类型Http接口参数在请求URL中以?打头的key=value形式,多个参数之间以&分割

4.2.3 查看Get响应

点击右下方Raw可以查看详细的响应内容,包括status line,headers及body三部分

4.3 分析Post接口

4.3.1 请求示例

我们在运行Fiddler后,使用Chrome浏览器打开百度首页后,点击“登录”按钮,输入用户名密码后完成登录

4.3.2 查看Post请求

在Fiddler中,点击左侧请求可以查看本次登录请求信息

点击右侧Raw可以查看Post请求详细信息,包括request line,headers及body三部分

4.2.3 查看Post响应

点击右下方Raw可以查看详细的响应内容,包括status line,headers及body三部分。

5. 模拟Http请求

5.1 打开调试页面

运行Fiddler,打开右侧Composer

5.1 模拟Get请求

Get请求相对比较简单,填入URL及必须的Headers信息即可,如我们模拟百度搜索词语lovesoo,流程如下:

选择接口类型为GET,填入URL:https://www.baidu.com/s?wd=lovesoo,后点击Execute执行即可

 在Fiddler左侧点击本次Get请求,就可以看到请求及响应详细内容:

5.2 模拟Post请求

这里我们选取一个相对比较简单的Post接口,博客园首页获取编辑推荐文章的editor_pick_count字段接口:

该接口只需要传入一个参数即文章URL,流程如下:

选择接口类型为POST,填入URL:https://www.cnblogs.com/aggsite/EditorPickStat,在Request Body填入{"url":"http://www.cnblogs.com/hohoa/p/7739271.html"},最后点击Execute执行即可

 

在Fiddler左侧点击本次Post请求,就可以看到请求及响应详细内容:

这样我们就完成了Fiddler的入门教程,从软件下载安装到常见的Get/Post类型Http请求抓包及模拟。

后续会介绍使用Fiddler在手机端抓包教程,敬请期待。

下面是配套资料,对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴我走过了最艰难的路程,希望也能帮助到你!å¨è¿éæå¥å¾çæè¿°

最后: 可以在公众号:程序员小濠 ! 免费领取一份216页软件测试工程师面试宝典文档资料。以及相对应的视频学习教程免费分享!,其中包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。

如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一键三连哦!喜欢软件测试的小伙伴们,可以加入我们的测试技术交流扣扣群:310357728里面有各种软件测试资源和技术讨论)

Guess you like

Origin blog.csdn.net/IT_LanTian/article/details/121559786