微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试

时间:2024-04-08 14:05:23

在网页上随便填写一个openid,可以访问出来前端页面:
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
现在我们将cookie去掉,访问不了sell.com网站了:
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
根据前端API:
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
当我们访问sell.com时,前端会重定向到/sell/wechat/authorize,现在需要到前端来配置这个地址:
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
再次在电脑*问sell.com,显示需要到微信客户端访问:
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
电脑微信客户端访问sell.com:
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
电脑之所以可以访问sell.com,是因为我在host文件中配置了域名,域名直接指向了虚拟机,但是手机无法访问sell.com,这是可以使用代理服务器。将手机的所有请求转到电脑上来,通过电脑来访问。

这是需要使用一个软件工具fiddler抓包工具

下面介绍如何使用这个工具:

fiddler工具的设置:

Tools—>options:
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
手机端的设置:

1、首先查看电脑的 IP 地址和手机网络的IP地址,确保手机和电脑在同一个局域网内:
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
2、通过的手机的浏览器访问一个地址:电脑的ip地址+端口号(192.168.2.109:9999)
下载证书并安装,安装的时候选择WALN
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
3、打开 WiFi 设置页面,选择要连接的 wifi ,并且长按,在弹出的对话框中,选择“修改网络”。在接下来弹出的对话框中,勾选“显示高级选项”。在接下来显示的页面中,点击“代理”,选择“手动”。代理服务器主机名设为 PC 的 IP ,代理服务器端口设为 Fiddler 上配置的端口 9999,点”保存”。
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
4、现在在手机*问sell.com,发现可以访问了:
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试
通过fiddler可以看到请求中携带有cookie:
微信点餐SpringBoot-13:fiddler抓包工具实现微信网页授权前端调试