美文网首页
小程序识别企业微信二维码的几种方式

小程序识别企业微信二维码的几种方式

作者: kangaroo_v | 来源:发表于2021-09-30 11:01 被阅读0次
    前言

    2021年5月17日,微信 iOS 端发布了 8.0.6 版本,wx的更新文档特别敷衍,但是从网上的分享素材得知 小程序支持长按识别企业微信二维码了

    目前已知的三种方式
    1. image标签
    <image src="二维码图片地址" show-menu-by-longpress="true" />
    

    此方法在wx客户端版本8.0.6BUG 虽然长按能出现弹框 但是点击名片并不会跳到添加wx的页面
    需要更新wx到最新版本 如果需要用此方法需要判断wx.getSystemInfoSync 获取wx版本做判断提醒用户更新wx

    1. preview 二维码
    wx.previewImage({
      current: '', // 当前显示图片的http链接
      urls: [] // 需要预览的图片http链接列表
    })
    

    这样做的缺点是打开的页面永远是一张图或者多张图,图里只能放一个二维码。假如把两个二维码都放在一张图里,那么会识别最后一个二维码(这跟手机屏幕大小有关系,大屏手机还是能识别出两个码的)

    1. webview
    //两种方式
    1. 公众号链接
    <web-view src="公众号推文的链接"></webview>
    2. H5链接
    <web-view src="H5链接"></webview>
    

    需要注意的是公众号链接 公众号必须跟小程序关联起来,否则小程序的 webview 无法打开推文
    而H5的坑就相对比较多 目前判断下来在IOS环境下 图片DOM结构的层级如果过深 会导致长按识别不到二维码 只能保存图片
    我目前的解决方法是写个静态的HTML5 直接放图

    <body>
        <img class="img" src="xxx" />
    </body>
    

    相关文章

      网友评论

          本文标题:小程序识别企业微信二维码的几种方式

          本文链接:https://www.haomeiwen.com/subject/vwotkltx.html