微信小程序如何获取群聊的openGid以及名称详解

微信(小程序)  /  管理员 发布于 3年前   204

背景：由于公司可能需要在微信群里面使用打卡功能，因此做了个技术调研。

方案：微信在更新分享接口后，原有的在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

 群名称： 点击加载群名称{{openGid ? openGid : '无'}}

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的场景，但是不会显示群名称，因为你不在群里。所以测试的时候，自己拉个微信群，然后分享到测试群，就能拿到群名称。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• 微信小程序从注册账号到上架（图文详解）
• 微信小程序页面上下滚动效果
• 微信小程序wx.navigateTo中events属性实现页面间通信传值，数据同步
• 微信小程序Echarts覆盖正常组件问题解决
• 微信小程序图片左右摆动效果详解
• 微信小程序在线客服自动回复功能(基于node)