背景:开发微信小程序的时候,是不是经常看到别人的小程序中某个图标或者图片好看想用,下面小编给大家分享一下怎么获得微信小程序中的图片。
1.什么是Fiddler
官网:https://www.telerik.com/
软件下载:https://lanzous.com/ic58web
Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的“进出”Fiddler的数据(指cookie,html,js,css等文件)。 Fiddler 要比其他的网络调试器要更加简单,因为它不仅仅暴露http通讯还提供了一个用户友好的格式。
Fiddler 是用C#写出来的,它包含一个简单却功能强大的基于JScript .NET 事件脚本子系统,它的灵活性非常棒,可以支持众多的http调试任务,并且能够使用.net框架语言进行扩展。
今天小编就带大家使用Fiddler工具来在微信小程序中获取图片(当然不仅仅能在小程序中获取,还能在浏览器中获取其他资源,只要用到Http协议都能进行抓包)
2.Http网络请求状态
200—成功。请求已发送且响应已成功接收。400—坏请求。当目的服务器接收到请求但不理解细节所以无法处理时发生。404—页面找不到。如果目标API已移动或已更新但未保留向后兼容性时发生。500—内部服务器错误。服务器端发生了某种致命错误,且错误未被服务提供商捕获。
1.首先在PC电脑端登录微信,然后用手机将小程序发给朋友或者发送到【电脑端】,在电脑端就可以看到小程序了。
2.下载【Flddler 4】,下载完毕后进行安装。安装的叫不详细介绍了。然后在开始菜单中打开软件(小编用的Win10系统)。当然也可以拖拽软件到桌面上,这样方便些。
3.打开软件后,我们会在主界面看到这么一个弹框,我们点击【no】。解释已在下面给出。
4.在软件菜单栏中打开【File】——【Capture Traffic】
5.我们先尝试入点击某一个请求,你会发现请求的内容是一堆明显不对的文字,然后该请求的左边是一个锁的样式,联想到https加密,你会发现原因可能是没有配置Fiddler。然后解释一下右边的默认返回内容,第一句是”这是一个CONNECT隧道,加密的HTTPS流量通过该隧道流动”,就证实了我们的猜测,果然是因为https加密的原因。所以我们需要安装证书!
6.配置FIddler来解析这些加密的请求呢?方法一是查官网的安装文档,二是我来教你吧:点击软件中的菜单栏中的【Tools】——【options】——【Https】,将【Decrypt HTTPS CONNECTs】勾上。
7.勾选购会弹出框框。点击【Yes】
8.点击【是】
9.点击【是】
10.最后点击【Yes】,证书安装成功!
11.证书安装成功后,然后我们再来请求资源,我们打开之前准备好的小程序。然后在【Fiddler】软件中会显示数据。可以看出,这里是获取成功的。
12.然后我们赋值连接在浏览器中打开。可以看出能将图片打开成功,然后右击图片,保存到本地即可。