欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  互联网

微信小程序里长按识别二维码的实现过程

程序员文章站 2022-03-13 08:20:48
前言我们都知道公众号里的二维码可以长按识别,但是小程序限制比较严格,没有办法实现二维码的长按识别,一直以来我都是这样认为的,微信的官方规则里也是这么写的,直到今天上午,我无意间发现一个小程序里的二维码...

前言

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

老规矩,先看效果图

微信小程序里长按识别二维码的实现过程

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

一,首先使用webview来显示公众号文章

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

微信小程序里长按识别二维码的实现过程

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

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

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

微信小程序里长按识别二维码的实现过程

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

微信小程序里长按识别二维码的实现过程

微信小程序里长按识别二维码的实现过程

微信小程序里长按识别二维码的实现过程

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

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

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

微信小程序里长按识别二维码的实现过程

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

微信小程序里长按识别二维码的实现过程

可以看出来,我们这里是一篇标准的尾部带二维码的公号文章。那么我们长按是否可以识别这个二维码呢。

微信小程序里长按识别二维码的实现过程

可以看出,我们成功的长按识别出了二维码。

到这里我们就成功的实现了小程序里长按识别二维码了。。。

你也赶紧去试试吧。不敢保证百分之百的成功奥,因为微信官方还没有明确的开发这个功能。但是现在小程序都可以分享到朋友圈了,相信小程序里长按识别二维码不会被禁止了吧,所以趁这个机会赶紧去试试这个功能吧。

总结

到此这篇关于微信小程序里长按识别二维的文章就介绍到这了,更多相关微信小程序长按识别二维码内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!