服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - js教程 - 微信小程序里长按识别二维码的实现过程

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

2022-02-16 17:42编程小石头 js教程

这篇文章主要给大家介绍了关于微信小程序里长按识别二维码的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

前言

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

老规矩,先看效果图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

总结

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

原文链接:https://juejin.cn/post/6873819320494948360

延伸 · 阅读

精彩推荐
  • js教程JavaScript代码实现简单计算器

    JavaScript代码实现简单计算器

    这篇文章主要为大家详细介绍了JavaScript代码实现简单计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    小虫虫~4182021-12-21
  • js教程js实现拖拽拼图游戏

    js实现拖拽拼图游戏

    这篇文章主要为大家详细介绍了js实现拖拽拼图游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    一个学前端的小菜鸟11622022-01-12
  • js教程JS获取一个字符串中指定字符串第n次出现的位置

    JS获取一个字符串中指定字符串第n次出现的位置

    这篇文章主要介绍了JS获取一个字符串中指定字符串第n次出现的位置,文章内容实例讲解的很清晰,有需要的同学可以研究下...

    小king哥5142022-01-20
  • js教程Selenium执行JavaScript脚本的方法示例

    Selenium执行JavaScript脚本的方法示例

    这篇文章主要介绍了Selenium执行JavaScript脚本的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友...

    测试开发小记6512021-12-23
  • js教程JavaScript实现消消乐的源代码

    JavaScript实现消消乐的源代码

    这篇文章主要介绍了JavaScript实现消消乐-源代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以...

    代码100分12182021-12-30
  • js教程JavaScript实现前端倒计时效果

    JavaScript实现前端倒计时效果

    这篇文章主要为大家详细介绍了JavaScript实现前端倒计时效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    L在前方4162022-01-20
  • js教程javascript中layim之查找好友查找群组

    javascript中layim之查找好友查找群组

    这篇文章主要介绍了javascript中layim之查找好友查找群组,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...

    踮脚敲代码9182022-01-19
  • js教程微信小程序实现简单购物车功能

    微信小程序实现简单购物车功能

    这篇文章主要为大家详细介绍了微信小程序实现简单购物车功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    mossbaoo5302021-12-22