小程序分享

最近公司要写一个小程序商城，个别页面会添加分享

官方文档地址: https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html
1.微信新建一个页面都会有onShareAppMessage方法去执行分享

若设置，点击右上角分享，开发者工具上显示如下

若未设置，点击右上角分享，开发者工具显示如下图，手机端不显示转发

2.若设置onShareAppMessage则会发现现在已经可以转发，微信会自动截取当前页面头部部分位置作为分享图片，获取小程序名称为分享标题，官方描述我直接贴过来了

如下图所示

3.自定义分享

onShareAppMessage: function () {    
  return {
    title: '分享标题',
    path: '若有需求可自定义路径，默认当前页面',
    imageUrl: '分享图片',
    success(res) {
      // 现在分享成功与否都没有回调事件
      console.log('成功')
    },
    fail(res) {
      // 现在分享成功与否都没有回调事件
      console.log('失败')
    }
  }
}

效果展示

4.页面中调起分享，在button添加open-type="share"，即可触发onShareAppMessage事件

<button open-type="share">转发</button>