微信小程序分享

小程序分享的具体内容可参照 官方文档 ，现在官方的说法为转发。

以下内容只针对转发给朋友这一功能

1、页面右上角三个...拉起分享

2、按钮主动触发（ 必须为button）

小程序分享的实现是通过在page中配置onShareAppMessage实现

注意：官方的使用指引中明厅竖确了按需出现，所以在app.js全局配置实现所有页面增加分享功能是行毁盯不通的。需要每一页单独配置onShareAppMessage。

1、在app.js中写一个公共的shareAppMessage方法。

为了方便各个页面引用，把shareAppMessage方法放在了globalData中，或者写一个js文件，通过在页面中引用文件纤伏和的方式获取shareAppMessage方法。

2、引用实现分享

微信小程序分享功能的实现方法有两种：

第一种早改

在page.js中实现onShareAppMessage，便可在小程序右上角选择分享该页面

第二种

自定义按钮实现分享，在page中添加一个带有open-type='share'的button标签(<button open-type='share'敬缓></button>)。点击该按钮后，即会自动触发已经在page.js中定义好的onShareAppMessage方法，实现分享功能。

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

获取分享传递的参数

如上例，path属性指向的是user页面，并附带id=123的参数。我们只需在user.js的onLoad函数中，通过options查看传递过来的参数：

在页面的js文件中定义了 onShareAppMessage 函数时，页面可以表示改页面闭敏可以转发。可以在函数中设置页面转发的信息。

页面中有可以触发转发时间的地方有两个：

一个是右上角菜单中的转发按钮

另一个是页面中具有属性open-type且其值为share的button。（注：必须是button组件，其他组件中设置 open-type="share" 无效）

即：<button data-name="shareBtn" open-type="share">转发</button>

注意：实际开发中会发现这个 button 自带有样式，当背景颜色设置为白色的时候还有一个黑色的边框，刚开始那个边框怎么都去不掉，后来给button加了一个样式属性 plain="true" 以后，再在样式文件中控制样式 button[plain]{ border:0 } ，就可以比较随便的自定义样式了，轿腔枝比如说将分享按钮做成一个圆枝图标等

触发分享事件后调用的函数：

---