微信小程序转发功能的实现

  微信小程序转发功能的实现

  小程序转发功能是小程序最基本的功能,有四种方法可以实现这一效果。

  1、Page.onShareAppMessage({})

  设置右上角“转发”配置,及转发后回调函数返回 shareTicket 票据

  2、wx.showSahreMenu()

  用户点击右上角后,显示“转发”按钮

  3、wx.hideShareMenu()

  隐藏转发按钮,无视 Page.onShareAppMessage({})

  4、wx.getShareInfo({})

  根据 shareTicket 获取已加密的群信息

  把转发流程切分:转发前配置->转发时->转发到群组后打开->二次转发

  转发流程图:

微信小程序转发功能的实现

  这里写图片描述

  U1: 用户

  T1,T2,T3:表示转发票据,即 shareTicket

  G1,G2,G3:群组

  1.转发前配置

  在页面 onLoad 方法添加

  1 wx.showShareMenu({

  2 withShareTicket: true

  3 })

  withShareTicket 为 true 时,表示允许转发时是否携带 shareTicket。

  shareTicket 是获取转发目标群信息的票据,只有拥有 shareTicket 才能拿到群信息,用户每次转发都会生成对应唯一的shareTicket 。

  shareTicket 有两个用途:

  用户主动转发后,获取转发到目标群群信息,对应上图UI。

  用户在群组中打开小程序,获取群组信息,对应上图 G1 群组中的用户。

  2.转发时获取群信息

  当某个小程序被转发到群组后,开发者想获取到转发目标群组信息,将用户和群组做某种绑定关系(openId + openGid)。

  1 onShareAppMessage: function () {

  2 return {

  3 title: '自定义转发标题',

  4 path: '/page/user?id=123',

  5 success: function(res) {

  6 var shareTickets = res.shareTickets;

  7 if (shareTickets.length == 0) {

  8 return false;

  9 }

  10 wx.getShareInfo({

  11 shareTicket: shareTickets[0],

  12 success: function(res){

  13 var encryptedData = res.encryptedData;

  14 var iv = res.iv;

  15 }

  16 })

  17 },

  18 fail: function(res) {

  19 // 转发失败

  20 }

  21 }

  22 }

  shareTickets 是一个数组,每一项是一个 shareTicket ,对应一个转发对象,转发给用户不会包含shareTicket。

  拿到 shareTicket 之后,使用 wx.getShareInfo({}) 方法传入 shareTicket 参数,wx.getShareInfo({}) 里回调函数中包含 已加密的群信息和 向量IV。

  3.转发到群组后打开

  用户将小程序转发到微信群组后,群成员打开小程序,通过 shareTicket,开发者就能将群成员和群组绑定起来(openId + openGid),基于群组关系,小程序有更多的应用场景,例如:王者荣耀群排行,摩拜单车。

  1 Page({

  2 onLoad: function(opt) {

  3 /** 判断场景值,1044 为转发场景,包含shareTicket 参数 */

  4 if (opt.scene == 1044) {

  5 wx.getShareInfo({

  6 shareTicket: opt.shareTicket,

  7 success: function(res){

  8 var encryptedData = res.encryptedData;

  9 var iv = res.iv;

  10 }

  11 })

  12 }

  13 }

  14 })

  在群组中打开小程序,页面onLoad 或 onShow 方法包含 scene 和 shareTicket,需要判断 scene 是否为1044,如果不是则不包含 opt 中 shareTicket 参数。

微信小程序转发功能的实现

  4.二次转发

  二次转发重复前3个步骤,没什么可说的,但是有一个方向值得探讨,可否把小程序转发路径比作转发链,进而生成转发树,用数据结构方法(树、马尔科夫链)处理发现群组与群组,群组与成员之间微妙关系。

  如开头那张图,我们很容易看出转发链和转发树。

  转发链:U1 > G1 > G2

  转发树:U1 > G1 > G2 & G3

小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

有关进一步了解小程序开发案例,请前往:https://www.kesion.com/miniprogramdev/ 

【本站声明】
  1、本站文章中所选用的图片及文字来源于网络以及用户投稿,由于未联系到知识产权人或未发现有关知识产权的登记,如有知识产权人并不愿意我们使用,如果有侵权请立即联系。
  2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责,仅系客观性描述,如您需要了解该类商品/服务详细的资讯,请您直接与该类商品/服务的提供者联系。


KESION 科汛软件

KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商,长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。

KESION 不断通过技术创新,提供产品和服务,助力企业向数字化转型,通过科技驱动商业革新,让商业变得更智慧!



▼点击进入科汛官网了解更多



热门标签
微信小程序 SaaS
上/下篇
换一换相关推荐
精选内容
热点精选