背景:由于公司可能需要在微信群里面使用打卡功能,因此做了個技術調研。
方案:微信在更新分享接口后,原有的在onShareAppMessage中直接拿shareTicket已不復存在。根據最新文檔顯示,需要在App.onLaunch()跟App.onShow()中獲取。
Demo核心代碼:
index.js
Page({ /** * 頁面的初始數據 */ data: { openGid: '' }, /** * 生命周期函數--監聽頁面加載 */ onLoad: function (options) { let that = this wx.showShareMenu({ withShareTicket: true }) app.getShareTiket(function (globalData) { console.log('clickReload---globalData-->' + JSON.stringify(globalData)) that.setData({ openGid: globalData.openGid }) }) }, clickReload: function () { let that = this app.getShareTiket(function (globalData) { console.log('clickReload---globalData-->' + JSON.stringify(globalData)) that.setData({ openGid: globalData.openGid }) }) }})
index.wxml
<!--index.wxml--><view wx:if="{{openGid}}" class='groupName'> 群名稱:<open-data type="groupName" open-gid="{{openGid}}"></open-data></view><view wx:else> <button bindtap='clickReload'>點擊加載群名稱</button></view><view>{{openGid ? openGid : '無'}}</view>
app.js
//app.jsApp({ globalData: { shareTicket: '', openGid: '' }, onLaunch: function (options) { }, onShow: function (options) { let that = this if (options && options.scene == 1044) { that.globalData.shareTicket = options.shareTicket } console.log('onShow---options=--->' + JSON.stringify(options)) }, getShareTiket: function (cb) { let that = this // 展示本地存儲能力 if (that.globalData.shareTicket) { wx.getShareInfo({ shareTicket: that.globalData.shareTicket, success: function (res) { console.log('getShareTiket---shareTicket-->' + JSON.stringify(res)) let js_encryptedData = res.encryptedData let js_iv = res.iv wx.login({ success: function (res) { let js_code = res.code console.log('code-->' + js_code) wx.request({ url: 'xxxxxxxx', method: 'POST', data: { code: js_code, appId: 'xxxxx', encryptedData: js_encryptedData, iv: js_iv }, success: function (res) { that.globalData.openGid = res.data.openGId console.log('getShareTiket---openGid' + that.globalData.openGid) typeof cb == "function" && cb(that.globalData) }, fail: function (err) { console.log('getShareTiket---err' + JSON.stringify(err)) } }) } }) } }) } else { console.log('不存在shareTicket') } }})
注意事項
1:必須調用這個接口wx.showShareMenu({withShareTicket: true}),否則在App.onLaunch()跟App.onShow()時,你拿不到shareTicket.
2:微信開發者工具可以模擬1044的場景,但是不會顯示群名稱,因為你不在群里。所以測試的時候,自己拉個微信群,然后分享到測試群,就能拿到群名稱。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答