当前位置: 主页 > 建站知识 > APP开发

小程序长按识别二维码-微信小程序识别图片二维码

发布时间:2023-03-19 07:09   浏览次数:次   作者:佚名

我们都知道公众号里的二维码可以长按识别,但是小程序限制比较严格,没有办法实现二维码的长按识别,一直以来我都是这样认为的,微信的官方规则里也是这么写的,直到今天上午,我无意间发现一个小程序里的二维码居然可以长按识别,于是就好奇的去研究了一番,结果还真的可以实现小程序里长按识别二维码。不知道是官方的漏洞还是程序的bug,但是既然这个功能可以实现,那当然要愉快的用上一用啦

老规矩,先看效果图

微信小程序里长按识别二维码

可以看到,我们成功的在小程序里实现了长按识别二维码的功能。下面就教大家如何一步步实现吧。因为官方的规格还没有明确说支持这个功能小程序长按识别二维码,所以这个功能有可能随时被禁。这里先带大家爽一把,能爽一会是一会儿。

小程序长按识别二维码,首先使用webview来显示公众号文章

我们知道公众号文章里是自带长按识别二维码的功能的,所以我们要先在小程序里长按识别二维码,就必须在小程序里显示公众号文章,怎么显示公众号文章在小程序里呢,这里我们就要用到webview了。webview使用起来很简单,只需要如下即可。

微信小程序里长按识别二维码

src就是我们公号文章对应的链接,只需要这样写就完成了代码部分了,后面都是一些配置工作了。

二,必须要把你的小程序关联到公众号

如果你只是随便找个公号文章链接,就放到webview里,会出现以下问题

微信小程序里长按识别二维码

我们接下来就要先在公众号后台把小程序关联上。

微信小程序里长按识别二维码

微信小程序里长按识别二维码

微信小程序里长按识别二维码

小程序的appid在哪里找,我这里就不做讲解了,你如果学过小程序肯定知道去哪里拿到appid的

三,设置完就可以直接长按识别了

上面关联后,会有几分钟的延迟,所以最好把开发者工具关闭,然后重新打开下。

微信小程序里长按识别二维码

可以看到我们在小程序的webview里成功的显示了公众号的文章了。然后在手机上预览如下