fiddler工具的认识和抓包微信小程序的使用 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

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

发表时间:2020-10-9

发布人:葵宇科技

浏览次数:63

功能:
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 alt="在这里插入图片描述" />方式 2
按快捷键 F12 进行切换。
方式 3
File --> Capture Traffic 勾选。
在这里插入图片描述
扩展:
注意这个很有用,可以开启抓本机的包,也可以过滤本机的包。当手机开启了开启了代理,就可以把本机的包过滤掉,专注抓手机的包,此时会话列表中都是手机的包了。

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

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

相关案例查看更多