讨论一下微信小程序中如何长按识别图片中二维码跳转

【一】、image标签展示二维码
目前微信官方支持小程序原生页面在微信版本IOS≥8.0.6,安卓≥8.0.3时直接长按识别二维码,


!!注:show-menu-by-longpress=“true” 这个属性一定要加上,否则长按不会有反应

但是,这样识别的目前不支持跳转到对应页面(如添加好友),官方也证实这是当前版本的 bug ,并承诺会在下一个版本里面修复;也许你看到这篇文章的时候这个 bug 已经修好了。

【二】、preview-使用的小程序 api
小程序原生页面中,在微信版本IOS≥8.0.6,安卓≥8.0.3时支持通过点击放大图片,然后长按识别二维码,实现跳转功能:
WXML


JS

clickImg(){
wx.previewImage({
  urls: ['二维码图片地址']
})
}

支持识别以下二维码:

✅ 识别小程序码 - ✅ 跳转小程序
✅ 识别微信、企微群二维码 - ✅ 跳转到加群页面
✅ 识别名片二维码 - ✅ 跳转到加好友页面
❌公众号二维码

【三】、webview 中嵌入二维码
支持将企微或者个微的二维码放在公众号推文里,长按推文里的二维码识别跳转

1、将企业微信的二维码放置在一篇公众号图文中
2、将这个公众号和小程序关联(!!注:必须关联起来,否则小程序的 webview 无法打开推文。这个关联操作在公众号后台即可操作)
3、在小程序的webview页面里打开这篇公众号图文,并长按企业微信二维码进行识别

✅ 识别小程序码 - ✅ 跳转小程序
✅ 识别微信、企微群二维码 - ✅ 跳转到加群页面
✅ 识别名片二维码 - ✅ 跳转到加好友页面
✅ 公众号二维码-✅ 跳转到关注公众号页面

但是【三】在IOS受微信版本号限制,安卓机不受微信版本号限制…

IOS-8.0.6版本
讨论一下微信小程序中如何长按识别图片中二维码跳转_第1张图片

IOS-8.0.5
讨论一下微信小程序中如何长按识别图片中二维码跳转_第2张图片

IOS-7.0.9
讨论一下微信小程序中如何长按识别图片中二维码跳转_第3张图片

安卓-7.0.20
讨论一下微信小程序中如何长按识别图片中二维码跳转_第4张图片

【四】、客服会话
1、引导用户点击进入客服会话;
2、用户发送关键话术至客服会话;
3、客户会话发送二维码,用户长按识别进行操作

除了以上几种形式,还有其他什么方式,是不受微信版本号限制,可以实现小程序中长按图片识别图中二维码并跳转到对应页面的方式吗?

你可能感兴趣的:(技术-微信小程序,前端)