一、使用方式:
index.wxml
<view class="page-wrapper">
<text class="title">二維碼測試</text>
<image style="width: 200px; height: 200px;" src="{{url}}" show-menu-by-longpress="{{true}}"></image>
</view>
index.js
Page({
data: {
url: "../../assets/group.png"
},
// 通過預覽模式,支援方式同image,企業微信群組,公衆号不支援
handleLook() {
wx.previewImage({
urls: ['https://profile.csdnimg.cn/1/C/F/0_yw00yw'],
})
},
})
index.wxss
.page-wrapper {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.title {
margin-bottom: 40rpx;
}
企業個人微信(支援)
企業微信群碼(不支援)
個人微信碼(支援)
微信群碼(支援)
小程式内嵌二維碼長按識别内測QA
Q1:支援識别的碼類型與場景如何?
A1:小程式内一直支援小程式碼的長按識别,公衆号二維碼僅在小程式内嵌公衆号文章場景下識别。
此次放開内測識别的碼包括:微信個人碼、企業微信個人碼、普通群碼與互通群碼,支援的場景包括:
- 調用previewImage接口後,長按圖檔出現菜單:iOS 8.0.6&安卓8.0.3以上版本支援
- 調用previewMedia接口後,長按圖檔出現菜單:iOS 8.0.6&安卓8.0.3以上版本支援
- 元件将 show-menu-by-longpress屬性設定為true後,長按圖檔出現菜單:iOS 8.0.8&安卓8.0.7以上版本支援
- 元件中長按圖檔出現菜單:iOS 8.0.6&安卓8.0.3以上版本支援
Q2:使用該能力時需要注意什麼?
A2:請勿使用利誘等方式誘導使用者添加好友或者加入群聊,頁面内容需要遵循小程式營運規範,若發現違反規範的行為将封禁識别能力。
Q3:為什麼有些圖檔長按沒有彈出菜單?
A3:在小程式中元件需要将 show-menu-by-longpress屬性設定為true後才可以直接長按出現菜單。
同時支援識别微信個人碼、企微個人碼、普通群碼、互通群碼的能力目前在iOS下存在問題需要用戶端進行修複(預計8.0.8版本);安卓8.0.3版本未在此場景下支援,預計8.0.7版本完成支援。
Q4:為什麼有些圖檔長按會出現菜單,也會出二維碼的跳轉入口,但是點選後不跳轉?
A4:此問題已知,是iOS的跳轉出現了問題,将在8.0.8版本修複
Q5:為什麼企業微信群碼有時可以識别有時無法識别?
A5:請确認是否為企業微信「加入群聊」二維碼,企業微信「加入群聊」二維碼不支援識别,暫無放開計劃
Q6:為什麼H5中的圖檔長按不出現菜單,反而出現一個系統的共享/添加到“照片”/拷貝菜單?
A6:此處是iOS WebView的特性,可參考此連結進行禁用:https://developers.weixin.qq.com/community/develop/doc/000a20560c89a8f7555a0b16051400