小程序分享至群群消息小结(包括分享到App)

title: “小程序分享至群群消息小结(包括分享到App)”
date: 2018-09-15 22:05:28
tags:

以下是18年3月底在公司内部的分享，虽然小程序对于分享回调有所限制(下文会说明)，但是整体方案依然是可行的

去年做过小程序群成员相关的信息展示需求，后续常有同事来问细节。
因此把去年做完后的梳理的小结发出来供参考。

微信文档现在相较去年也有所更新完善，但大致流程不变。

小程序分享获得群信息小结

官方文档有，但是较分散，所以对这块知识作一个小结，能快速了解小程序分享至群获得群信息的流程。
包括前后端需要做的事情（并不是前端直接获取群信息的）
无法直接获取群内成员信息，小程序只能通过用户发起分享或点击分享，自行收集用户与群之间的关系网

最终目的

获取用户分享相关的群信息，与用户id进行绑定。
三种途径：

用户分享至群获取群信息
群成员点击分享信息时，获取对应群信息
app分享到微信，点开至小程序 (18.03.29补充)

整体流程图

用户分享至群获取转发对象

最近，微信小程序已经无法正常获取成功or失败的回调，这对此功能的影响是无法在用户分享成功的第一时间建立群关系

但是，整体上的群关系依然是能建立的，只是时间滞后了。

path：参数带上分享用户的uid，当点击用户进入后，即可获取两个用户id，一并建立群关系。(18.09.15补充)

Page中

目前已无法获取成功失败回调

//在转发成功回调中获取
onShareAppMessage: function (res) {return {title: '这是一个测试分享',path: '/pages/redPacket/index/index?index=1&hello=hello',success: function(res) {wx.getShareInfo({shareTicket: res.shareTickets[0],success(resShare) { console.log(resShare);},fail(resShare) { console.log(resShare);},});},fail: function(res) {//分享失败}}
},

设置当前页面的转发配置，使其在分享的时候带上shareTicket

wx.showShareMenu({withShareTicket: true
})

获取转发对象shareTicket

在onShareAppMessage success的回调中可以拿到shareTickets，一个数组，其对应一个shareTicket

shareTicket：转发对象

获取群相关敏感信息的加密数据

虽然，看起来好像很简单，拿到两个数据解密，就能得到最终的。然而，最终获取还是需要一定的过程。

解密

官方说明中的解密算法：

(解密示例代码可直接在官方文档搜索：加密数据解密算法)
目标密文encryptedData，和解密算法初始向量iv已经在getShareInfo的成功回调中获取

还缺一个密钥session_key
session_key是本次登陆的会话密钥

session_key

这是微信官方给出的`登陆时序图`，获得`session_key`，需要获取三个信息`appid+appsecret+code` 前两者可以在公众号平台中查看。

code：登陆凭证

可以通过wx:login(OBJECT)接口获得，用于换取用户登录态信息，包括用户的唯一标志openid及本次登陆的会话密钥session_key

注意:

如登陆时序图所展示，前端获取code之后，传给后端，解密的工作应在后端进行。session_key不可作为数据在前后端进行传输
code有效期5min。换取session_key。session_key生命周期到下一次调用login，引发登录态刷新时。

获得session_key

后端通过以下接口获得

https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_codeappid      小程序唯一标识
secret     小程序的 app secret
js_code    登录时获取的 code
grant_type 填写为 authorization_code回参：
openid、session_key

至此，解密需要的所有信息都已获取。解密算法较常见，在此不累述。

解密获得的信息

群id：openGId，以及时间戳都已有
其他参数什么意思，可以参考官方文档，本文不再累述

群成员点击分享信息

前者需要前端进行的工作，都可以在当前Page内完成
而，群成员点击分享信息，shareTicket的获取，在App级别
在App()的onLaunch()，和onShow()里面获取。

获取转发对象

App({onLaunch: function (options) {if (options && options.shareTicket) {//获取shareTicket}},onShow: function (options) {if (options && options.shareTicket) {//获取shareTicket}},
});

onLaunch全局只调一次，所以写在onShow里面最好
将option中获得的shareTicket，存cache(可以用其他方式)，后续在对应页面获得，处理

App分享至微信，点开到小程序获取群信息

微信文档说明地址
https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419317340&token=&lang=zh_CN
Native的同学需要设置的东西
客户端按照文档的说明，发起分享。最后解析流程是一样的。

小程序后端

由于appsecret，是可以重新生成的，如果变动影响较大。因此，咱们登陆后端已经对从code获取session_key的流程，进行了处理。
后续，如果有需求需要涉及这方面，可以直接找登录业务的同事。
登录时获取的session_key可以从xxx-api(公司内部服务)服务中获取