如何使用 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

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

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

就在7月初，我看到了微信小程序的官网有了分享至微信朋友圈的功能上线beta板，目前只能在android手机显示分享至朋友圈的按钮，iphone手机暂时不支持，但是android手机分享出来的，iphone手机是可以查看的，不多说，先看一下最终的真机上的展示效果（android和iphone手机）

可将小程序页面分享到朋友圈。适用于内容型页面的分享，不适用于有较多交互的页面分享。

小程序页面默认不可被分享到朋友圈，开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈，需满足两个条件：

满足上述两个条件的页面，可被分享到朋友圈。

用户在朋友圈打开分享的小程序页面，并不会真正打开小程序，而是进入一个“小程序单页模式”的页面，“单页模式”有以下特点：

可通过判断 场景值 等于 1154 的方法来进行页面适配。另外，在单页模式下，可设置顶部导航栏与页面的相交状态，具体参考 navigationBarFit 配置。

还需留意的是，在单页模式下， wx.getSystemInfo 接口返回的 safeArea 为整个屏幕空间。

小程序“单页模式”适用于纯内容展示场景，可实现的交互与接口能力有限，因此存在如下限制：

对于一些会产生交互的组件或接口，在点击后调用时，会d toast 提示“请前往小程序使用完整服务”。为达到良好的用户体验，请注意适配单页模式的接口能力，请勿大量使用被禁用的接口或组件。

需要了解更多，可以具体看看官方：

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html

1、目前只支持android手机，但iphone手机可以查看

2、有部分的android手机也显示不了“分享至朋友圈”的按钮（因为目前知识beta版）

3、不久之后肯定会发布正式版本，到时候iphone和android手机都可以实现，现在小伙伴可以尝鲜一波。

4、还有一点值得注意的是：不得存在滥用分享违规行为。如强制用户分享行为；分享立即获得利益的诱导行为；以及通过明示或暗示的样式来达到诱导分享目的的行为等。这也是小程序一开始没推出这个功能的一大原因。

一、小程序分享

让客户应用微信小程序以后，再将它共享给朋友，或是发送至微信朋友圈，真是太适合但是了。

1.发送给朋友/群：

在小程序定制开发API中，发给朋友/群，能够有二种保持方法：

1）通道

a.微信小程序右上方内置的共享作用（...）：

假如在当今网页页面启用wx.hideShareMenu()方式，那麼右上方的共享作用将被掩藏，或许，掩藏方式与实际方式是承兑出现的，启用wx.showShareMenu()方式，能够显示信息该作用。

b.自定共享按键：共享

左右二种方法均可保持共享作用

2）共享数据类型

无论选用左右哪种方式，发送给朋友的统计数据终究有它的概念模型，该概念模型是根据onShareAppMessage(options)回到的，也就是说return一个object就能。

在其中，options.from能够用于分辨是以自定button开启的分享网页页面，还是从右上方的开启的分享网页页面。

下列是该object的概念模型：

以上图示，假如开发者在onShareAppMessage(options)不开展一切解决，那麼手机微信将会有一个默认设置的统计数据分享出来，title为当今微信小程序名字，path为当今网页页面的途径，imageUrl为当今网页页面的截屏。

依据imageUrl的界定，开发者能够提交自定义图片，那麼这一贷款口子给了经营工作人员一定的充分发挥室内空间，这一难题，文章内容的后面会详尽谈及。

2.共享至微信朋友圈：

小程序现阶段没有立即出示方式来将微信小程序共享至微信朋友圈，但是能够选用曲线救国的方法来做到目地。

曲线救国的方法分成二步：

1.根据电脑浏览器将期待共享的物品共享至微信朋友圈：

小程序本身没有通道能够进到到手机微信的电脑浏览器中，那麼就更为不太可能让客户进到到本身电脑 *** 作系统中的电脑浏览器开展共享了。

那麼可否有别的的方式能够做到此目地呢？

参考答案是在线客服信息。

小程序自身出示在线客服信息是用于更强的为顾客服务的，可是可以看下列截屏：

微信小程序出示了通道，容许客户给在线客服发送到信息，另外，也容许微信小程序的在线客服积极给客户发送到信息，在其中，能够发送到文图连接

开发人员能够在客户开启该闲聊提示框时，积极给客户发送到文图连接，客户点一下该连接以后，将会自动跳转到手机微信的电脑浏览器（H5）网页页面，该网页页面有别于微信小程序内开启的H5网页页面，以下图

开发人员和客户针对这类款式的网页页面应当非常了解了，到此，自小程序流程开展共享至微信朋友圈的第一步进行了。

2.客户共享至微信朋友圈后，客户的朋友根据该连接进到微信朋友圈

毫无疑问，手机微信现阶段还仍未出示通道，将小程序立即在微信朋友圈开展展现，可是一样的，手机微信都没有严禁在微信朋友圈内展现小程序二维码，而人们根据微信小程序开展共享的是文图连接，那麼照片当然就能够是必须共享的小程序码，对于文本，可以做为经营工作人员的营销推广。

左右，就进行了从小程序共享至朋友/朋友群/微信朋友圈的途径。

注：微信小程序的二维码分二种，一种是基本的二维码，也有一种是小程序二维码，人们这儿开展共享的是小程序二维码。

---