小程序之 实现转发/分享功能

1.点击右上角转发菜单实现转发/分享

1. 点击右上角胶囊按钮的转发菜单

2.点击’转发’

3. 最终效果如图所示:

4. wxml部分代码如下:

<text>hello world!</text>

5. js部分代码如下:

onShareAppMessage: function (res) {
    console.log(res.from)
    return {
      title: '标题标题标题',//自定义转发标题
      path:'/pages/home/home',//当前页面的路径 ，必须是以 / 开头的完整路径
      // imageUrl: ''//不设置此字段时，默认截取当前页面作为展示的图片
    }
}

2.点击页面内按钮实现转发/分享

1. 点击页面中的分享按钮
   

2. 最终效果如图所示:
   

3. wxml部分代码如下所示：

<button open-type="share" type="primary">分享</button>

4. js部分代码如下所示:

data: {
    pic: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2846167449,2464562408&fm=26&gp=0.jpg' //网络图片路径
},
 /**
 1. 用户点击右上角分享
   */
onShareAppMessage: function (res) {
  var that = this;
  console.log('转发事件的来源',res.from)
  console.log(that.data)
  return { //自定义转发内容
    title: '这是一个页面', //自定义转发标题
    path: '/pages/user/user', //当前页面的路径 ，必须是以 / 开头的完整路径
    imageUrl: that.data.pic//不设置此字段时，默认截取当前页面作为展示的图片
  }
}

注意

1. onShareAppMessage处理函数需要 return 一个 Object，用于自定义转发内容
2. title为转发标题,不设置此字段时，默认标题为当前小程序名称
3. path为转发路径，当前页面的路径 ，必须是以 / 开头的完整路径
4. imageUrl为自定义图片路径（可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG），不设置此字段时，默认截取当前页面作为展示的图片