如何使用 towify 实现小程序的页面分享？

打开开发者工具，在项目的pages文件夹下新建mypage文件夹，并在文件夹内新建mypage，在app.json中将mypage设为第一页面

请点击输入图片描述

在mypage.wxml中写代码如下：

<text>pages/mypage/mypage.wxml</text>

<button open-type='share'>分享</button>

请点击输入图片描述

做完第二步就已经实现了转发，默认title为当前小程序名称，path为当前页面的路径，imageUrl为当前页面的截图，如下图所示

请点击输入图片描述

4

为了实现更好的展示，可以再mypage.js中分享函数设置title及path，代码如下：

onShareAppMessage: function (res) {

if (res.from === 'button') {

}

return {

title: "真好",

path: 'pages/mypage/mypage'

}

}

请点击输入图片描述

5

编译代码，点击分享按钮，查看效宏念凯果如下图所示，有了设高塌置的title

6

如果传递的路径带参数需要在path中添加

*/

onShareAppMessage: function (res) {

if (res.from === 'button') {

}

return {

title: "真好",

path: 'pages/mypage/mypage?var='+data

}

}

7

当然要在接收的页面onload函数的options中获取参数

onLoad: function (options) {

options.data

},

END

经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。

作者声明：蔽唤本篇经验系本人依照真实经历原创，未经许可，谢绝转载。

微信 小程序 转发涉及以下4个方法：

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 方法添加

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

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

shareTicket 有两个用途：

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

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

2.转发时获取群信息

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

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

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

3.转发到群组后打开

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

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

4.二次转发

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

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

转发链：U1 >G1 >G2

转发庆渣树：U1 >G1 >G2 &G3

onShareAppMessage(Object object) 是在 Page 中定义的用于分享转发小程序的方法。

可以监听用户点击页面内转发按钮（ button 组件 open-type="share" ）或右上角菜单“转发”按钮的行为，并自定义转发内容。

值得注意的是：只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮。

此事件处理函数需要 return 一个 Object，用于自定掘雀义转发内容，返回内容如下态拆：

自定义转发内容 基础库 2.8.1 起，分享图支持云图片判闭早。

---