fiddler工具的认识和抓包微信小程序的使用

功能:
Fiddler是位于客户端和服务器端的HTTP代理,也是目前最常用的http抓包工具之一,它能够记录客户端和服务器之间的所有 HTTP请求,可以针对特定的HTTP请求,分析请求数据、设置断点、调试web应用、修改请求的数据,甚至可以修改服务器返回的数据,功能非常强大,是web调试的利器。
1.

1、Fiddler的准备工作(Fiddler的配置以及安装)

下载方式:https://www.telerik.com/download/fiddler
注册之后就可以自动下载安装包了。一路”同意“,”下一步“就行了
安装成功之后,先来认识一下主界面都有那些功能
在这里插入图片描述
命令行工具: 可以在 黑框 输入 Help ,进入 官方文档,有很多的命令可以查看。
快速的查找、快速的标记、…

2、工具栏详细介绍

2.1 添加备注的;
在这里插入图片描述
2.2 在这里插入图片描述

重放: 点击 重新播放 快捷键:R
想重放 50次: Shift+ R ,在弹出的框里面输入 次数。
2.3 是删除
Remove all : 清除所有
Images :清除图片
CONNECTs: 清除连接的请求。
Non-200s : 非 200 的清除掉。
Non-Browser: 非浏览器的清除掉。

Ctrl+ X : 是删除所有会话的快捷键。
在这里插入图片描述
2.4 到哪里哪里去 用在断点中间的。
在这里插入图片描述
点一下是 请求前断点 ,这个是 浏览器请求到了 Fiddler ,但是还没有到 服务端,断点停下来了,
GO 的作用就是让请求发过去,请求下一步。
在这里插入图片描述
2.5 流模式 缓冲模式
在这里插入图片描述
2.6 解码: 有的请求会 压缩,加密…, 需要解码。
在这里插入图片描述
2.7 选择你要监听的程序,其他的就抓不着了,把“+”拖到需要监听的程序上。
在这里插入图片描述
2.8 清除缓存,清除IE 缓存
在这里插入图片描述
2.9 文本的编码、解码 工具。
在这里插入图片描述

3、fiddler抓包小程序

第一步:安装fiddler,保证手机和PC端在同一个wifi下;

第二步:设置属性
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
第三步:以上两步设置完后,重启下fiddler(解决本地服务器不能访问),然后查看本地IP地址
在这里插入图片描述
在本机命令行输入:ipconfig,找到本机的ip地址。
在这里插入图片描述

打开android设备的“设置”->“WLAN”,找到你要连接的网络,在上面长按,然后选择“修改网络”,弹出网络设置对话框,然后勾选“显示高级选项”。
在这里插入图片描述
在“代理”后面的输入框选择“手动”,在“代理服务器主机名”后面的输入框输入电脑的ip地址,在“代理服务器端口”后面的输入框输入8888,然后点击“保存”按钮。
在这里插入图片描述
第五步:代理设置完成,用safari打开服务器,http://192.168.1.5:8888(如果打不开,可以重启fiddler或者下载新版本,小便在刚用的时候也是打不开,后面重启了fiddler就解决了这个问题),打开后下载证书,下图打箭头处;选择信任,安装即可;
在这里插入图片描述
第六步:然后进入微信选择小程序,选择你要抓的小程序,如下图;注意body量大的几乎是你想要的;

在这里插入图片描述

第七步:开启 Https 抓包监听

Fiddler 默认下,Fiddler不会捕获HTTPS会话,需要你设置下。
在这里插入图片描述
from all processes : 抓取所有的 https 程序, 包括 本机 和 手机
from browsers only : 只抓取浏览器中的 https 请求
from non-browsers only : 只抓取除了浏览器之外的所有 https 请求
from remote clients only : 抓取远程的客户端的 https ,可以代表手机

开启手机 Https 抓包
如果只想抓取 手机上的所有 https 请求,就应该选中 from remote clients only
如何开启/关闭 抓本机的包
如果需要抓取本机请求,有 3 中方式。
方式 1
只需要启动程序并确保左下角为 Capturing状态 即可。
在这里插入图片描述方式 2
按快捷键 F12 进行切换。
方式 3
File --> Capture Traffic 勾选。
在这里插入图片描述
扩展:
注意这个很有用,可以开启抓本机的包,也可以过滤本机的包。当手机开启了开启了代理,就可以把本机的包过滤掉,专注抓手机的包,此时会话列表中都是手机的包了。

fiddler查看接口的响应时间
在这里插入图片描述

在获取数据的时候,你会发现#列有不同的图片显示,那他们都代表什么意思啊?请往下接着看:
在这里插入图片描述

  • 13
    点赞
  • 61
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值