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

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

前言

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

老规矩,先看效果图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

总结

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

相关文章

  • 浅析js中的every()对空数组总返回true

    浅析js中的every()对空数组总返回true

    JavaScript 语言的核心部分足够大,以至于我们很容易误解其某些部分的工作方式,本文就来和大家一起讨论下为什么JS中的 every()对空数组总返回 true,需要的可以参考下
    2023-09-09
  • json字符串对象转换代码实例

    json字符串对象转换代码实例

    这篇文章主要介绍了json字符串对象转换代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • JS中如何实现Laravel的route函数详解

    JS中如何实现Laravel的route函数详解

    这篇文章主要给大家介绍了JS中是如何实现Laravel的route函数,文中通过示例代码介绍的很详细,相信对大家具有一定的参考价值,有需要的朋友们下面来一起看看吧。
    2017-02-02
  • JavaScript日期工具类DateUtils定义与用法示例

    JavaScript日期工具类DateUtils定义与用法示例

    这篇文章主要介绍了JavaScript日期工具类DateUtils定义与用法,涉及javascript针对日期时间的获取、转换、比较、运算等相关操作技巧,需要的朋友可以参考下
    2018-09-09
  • js实现select二级联动下拉菜单

    js实现select二级联动下拉菜单

    这个是简单也是最基本的下拉框联动的示例,这个示例主要针对那些只有二级联动,且第一级是固定的选项,第二级的内容也比较简单,不刷新的联动,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • echart在微信小程序的使用简单示例

    echart在微信小程序的使用简单示例

    最近公司的项目中需要在小程序内使用echarts组件来展示数据,下面这篇文章主要给大家介绍了关于echart在微信小程序的使用方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-02-02
  • JavaScript实现的一个倒计时的类

    JavaScript实现的一个倒计时的类

    这篇文章主要介绍了JavaScript实现的一个倒计时的类,本文直接给出demo代码,需要的朋友可以参考下
    2015-03-03
  • 使用JavaScript计算当前时间前N个工作日的方法技巧

    使用JavaScript计算当前时间前N个工作日的方法技巧

    在Web开发中,处理日期和时间是常见的需求之一,特别是在金融、人力资源等领域,经常需要计算特定的日期范围或工作日,本文将深入探讨如何使用JavaScript计算当前时间前N个工作日,并提供详细的代码示例和实际开发中的技巧,需要的朋友可以参考下
    2025-02-02
  • 用js实现猜数字小游戏

    用js实现猜数字小游戏

    这篇文章主要为大家详细介绍了用js实现猜数字小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • JavaScript编写简单的计算器

    JavaScript编写简单的计算器

    这篇文章主要介绍了JavaScript如何编写简单的计算器,功能很简单,可以实现加减乘除功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-11-11

最新评论