范围:深圳亚博app开发,软件定制开发,亚博app软件开发公司,深圳软件外包公司.TEL:3447249690
当前位置:首页 > app小程序

亚博-微信小程序群功能前端开发教程

09-24 亚博APP
摘要:实现小法式真个从转发到用户点击卡片后获得信息的这个进程。

我们在一些微信群中看到过如许的小法式分享卡片:当你点进去后,会看到一个列表,里面有其他群成员的头像和相干信息。好比《王者光荣群排行》,可是段位信息是腾讯私有的接口,我们只能拿到头像和昵称等根本信息。

下面我将实现小法式真个从转发到用户点击卡片后获得信息的这个进程。

微信小程序群功能前端开发教程

根基思绪

开启

起首我们要挪用wx.showShareMenu进行设置,来开启是不是利用带shareTicket的转发,这个shareTicket是开辟群功能的要害:

我一般将其放在页面onShow中。

触发转发事务

wx.showShareMenu({ withShareTicket: true,})

假如要自界说转发按钮而不是有默许右上角的转发按钮,需要在页面中放置一个open-type=share的button组件:

 open-type=share>share接下来在页面中设置分享函数onShareAppMessage:onShareAppMessage: function (res) { if (res.from === \'button\') { // 来自页面内转发按钮 console.log(res.target) } return { title: \'自界说转发题目\', path: \'/pages/test/test?id=123\', success: function (res) { // 转发成功 console.log(res) // 只有转发到群聊中打开才可以获得到 shareTickets 返回值,单聊没有 shareTickets if (res.shareTickets && res.shareTickets.length>0) { app.getShareInfo(res.shareTickets[0]) } }, fail: function (res) { // 转发掉败 console.log(res) } }}

此刻便可以进行转发了,在群聊中将会看到此次分享的小法式动静卡片。每一个shareTicket对应每一个群而且单聊不会有该值。这里只选择一个转发,所以直接取第一个。至在app.getShareInfo是用来获得群id(openGId)的函数,我们放到后面介绍。

群成员点动静卡片

当群成员点动静卡片进入小法式后,在app.js的onShow/onLaunch的options中可以获得到shareTicket,shareTicket每次都是纷歧样的,比分你分享的时辰获得到的跟这里获得到的不是统一个,可是会对应统一个openGId。

app.js:

// 在onShow中获得转发信息shareTicketonShow: function (options) {console.log(options)let scene = options.scene// 场景值是1044,带 shareTicket 的小法式动静卡片if(scene == 1044) {let shareTicket = options.shareTicket// 这里的id按照本身的具体需求进行操作,也能够设置其他的let id = options.query.idthis.getShareInfo(shareTicket)}},// 获得加密信息encryptedData, ivgetShareInfo: function (shareTicket) {const z = thiswx.getShareInfo({shareTicket: shareTicket,success: function (res) {console.log(res)let {encryptedData, iv} = resif(encryptedData && iv) {z.getDecodeEncryptedData(encryptedData, iv)}},fail: function (res) {console.log(res)}})},// 获得解密后的信息getDecodeEncryptedData: function (encryptedData, iv) {// 发送到后台解析wx.login({success: function(res) {let code = res.code// 下面只是演示代码// post({// url:\'https://www.example.com/controller/getDecodeEncryptedData\'// data:{// code,// encryptedData,// iv,// }// })}})},

起首,我们经由过程wx.getShareInfo获得encryptedData和iv,然后将其传给后台进行解析。

在getDecodeEncryptedData中,当后台解析成功后,就会返回一个openGId。

此时便可以将群openGId与用户openid进行绑定了,这个绑定信息也是要保留到后台的。假如后台没有保留过甚像昵称信息,此时也能够将用户头像和昵称一路保留到后台。

近似在下面如许的一个接口:

// 下面只是演示代码

post({

url:\'https://www.example.com/controller/bindGroupAndUser\'

data:{

code,

openGId

}

})

此中的code挪用wx.login取得,后台按照这个code能获得到openid。然落后行绑定。

然后按照本身的需求,可能还要一个保留用户根本信息和拉取群成员信息列表的接口。

保举浏览:从0进修开辟微信小法式教程    微信小法式开辟教程

版权保护: 本文由 亚博app开发 原创
转载请保留链接: http://www.cqsLin.com

关于我们      深圳亚博定制开发软件有限公司,自2013年成立以来,为上千家企业提供软件外包、系统软件开发、亚博app开发、微信公众号开发、深圳亚博小程序开发等各种优秀的软件定制开发服务.关键词:软件外包公司、手机软件开发、app制作开发、手机亚博app开发、小程序开发公司【TEL】:3447249690 微信:3447249690 QQ:3447249690
  • 1578文章总数
  • 13访问次数
  • 建站天数