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

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实现倒计时关闭广告,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    爱前端的茂茂11612022-01-20
  • js教程js 执行上下文和作用域的相关总结

    js 执行上下文和作用域的相关总结

    这篇文章主要介绍了js 执行上下文和作用域的相关知识总结,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下...

    前端Serendipity11292022-01-19
  • js教程JS一分钟在github+Jekyll的博客中添加访问量功能的实现

    JS一分钟在github+Jekyll的博客中添加访问量功能的实现

    这篇文章主要介绍了JS一分钟在github+Jekyll的博客中添加访问量功能的实现,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借...

    董哥大鸟走四方6172022-02-22
  • js教程JS实现纸牌发牌动画

    JS实现纸牌发牌动画

    这篇文章主要为大家详细介绍了JS实现纸牌发牌动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    计算机的皇帝5432022-01-04
  • js教程原生JS实现pc端轮播图效果

    原生JS实现pc端轮播图效果

    这篇文章主要为大家详细介绍了原生JS实现pc端轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    qq_1519846510212021-12-15
  • js教程JavaScript快速实现日历效果

    JavaScript快速实现日历效果

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

    云杰8了10872022-02-13
  • js教程玩转 Mockjs,前端也能跑得很溜

    玩转 Mockjs,前端也能跑得很溜

    mockjs作用就是,生成随机模拟数据,拦截 ajax 请求,可以对数据进行增删改查。在生成数据时,我们就需要能够熟练使用 mock.js 的语法。...

    前端人4882022-01-05
  • js教程js实现弹框效果

    js实现弹框效果

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

    程序猿余某人3962022-02-20