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

前言

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

老规矩，先看效果图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

总结

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

赞 (0)

相关推荐

  • 微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能

    1.多张图片循环渲染后预览.保存.识别带参数二维码 wxml页面 <view wx:for="{{imgalist}}" wx:for-item="image" class="previewimg"> <image src="{{image}}" data-src="{{image}}" bindtap="previewImage"></image>

  • 微信小程序webview实现长按点击识别二维码功能示例

    本文实例讲述了微信小程序webview实现长按点击识别二维码功能.分享给大家供大家参考,具体如下: 场景:微信小程序,使用webview控件.需求:点击图片后长按图片出现"识别二维码" 1.JS代码: <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script type="text/javascript"> $(fu

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

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

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

  • 微信小程序 PHP生成带参数二维码

    微信小程序 PHP生成带参数二维码

    微信小程序 PHP生成带参数二维码 官方获取小程序页面API 由于小程序参数二维码API提供的帮助有限,以下是我对该功能的一些理解 我主要是通过thinkphp后台接口实现,代码如下: 1.先获取ACCESS_TOKEN: $tokenUrl="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".$this->appid."&secret=".

  • 微信小程序 生成携带参数的二维码

    微信小程序 生成携带参数的二维码

    第一步第二步都要必须由后端完成,返回图片地址给前端!!原因??如下图: 想了解,想尝试的可以看看: 第一步:获取ACCESS_TOKEN // 这一步 前端可以试试请求玩玩,一般由后端获取access_Token.后端请求微信API接口时会用到这个access_Token,前端 再请求会造成重复请求,会使之前的access_token过期. 第二步:获取小程序二维码并渲染: 小程序API地址 wx.request({ // url:'https://api.weixin.qq.com/wxa/g

  • 微信小程序长按识别二维码的几种情况分析

    目录 一.image标签 + show-menu-by-longpress=“{{true}}” 二.wx.previewImage 三. web-view 支持长按识别的码 补充:扫码中有几个可配置的参数注意下 总结 小程序中的图片已支持长按识别了,总结一下几种情况下: 一.image标签 + show-menu-by-longpress=“{{true}}” <image src="{{qrcode}}" mode="widthFix" show-menu

  • iOS模仿微信长按识别二维码的多种方式

    参考:https://github.com/nglszs/BCQRcode 方式一: #import <UIKit/UIKit.h> @interface ViewController : UIViewController @end ************** #import "ViewController.h" @interface ViewController () @end @implementation ViewController - (void)viewDid

  • jQuery实现微信长按识别二维码功能

    最近一直在搞一个微信开发的项目,终于快要完工了,今天小编抽个时间记录下在项目开发过程中遇到jquery.qrcode.min.js生成二维码长按不识别的解决方法,希望对大家有所帮助! 1.引入JS库 <script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.qrcode

  • Android WebView实现长按保存图片及长按识别二维码功能

    Android WebView实现长按保存图片及长按识别二维码功能

    先来简单说一下本文所要实现的功能:用户在浏览网页的时候,长按某一区域,识别如果是图片,则弹出弹框,出现保存图片的功能.同时识别图片是否是二维码,如果是则在弹框中追加识别二维码功能. 细节上:保存图片的弹框要显示在手指长按的位置:选择图片保存后,可以让用户直接去相册查看:选择识别二维码,判断是是不是网址,是的话可以让用户选择复制或访问,否则可以让用户选择复制或搜索. 然后再来看一下效果图: 保存图片 save.gif 识别包含普通文字的二维码: text.gif 识别包含网址的二维码: code.

  • 小程序图片长按识别功能的实现方法

    小程序图片长按识别功能的实现方法

    背景 今天,做的小程序项目要求,个人中心的客服图片在用户长按时可以识别其二维码 在百度无果,参考小程序官方文档后,发现: 1.文档中有一句提示: "image组件中二维码/小程序码图片不支持长按识别,仅在 wx.previewImage 中支持长按识别" 2.即便实现了 "wx.previewImage" 效果,但依旧是不支持二维码识别的 附录文档位置:小程序图片长按识别 代码设计 好在这也是一个不错的知识点,在此进行一番实现流程的记录,欢迎指摘. ①. wxml

  • 微信小程序语音同步智能识别的实现案例代码解析

    一.背景 在小程序的一些应用场景中,会有语音转文字的需求.原有的做法一般是先通过小程序的录音功能录下语音文件,然后再通过调用语音智能识别WebApi(比如百度云AI平台,科大讯飞平台)将语音文件转成文字信息,以上的做法比较繁琐且用户的体验性较差. 为解决此问题,微信直接开放了同声传译的插件,小程序作者可以直接使用该插件进行语音同声传译的开发.此文章将通过前后端整合应用的完整案例完成语音的实时转换,并将语音上传到服务端后台备份. 二.同声传译插件介绍 微信同声传译由微信智聆语音团队.微信翻译团队与

随机推荐