微信小程序(三)自定义分享按钮和原生分享

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/y_z_w123/article/details/81985064

官方的分享

点击右上角的三个点

/**
   * 用户点击右上角分享
   */
  onShareAppMessage: function(ops) {
     wx.showShareMenu({
        withShareTicket: true
        })
  }

自定义分享

wxml

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

js

/**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    wx.showShareMenu({
      // 要求小程序返回分享目标信息
      withShareTicket: true
    }); 
  },

 onShareAppMessage: function(ops) {
    if (ops.from === 'button') {
      // 来自页面内转发按钮
      console.log(ops.target)
    }
    return {
      title: '标题',
      imageUrl:  `图片地址注意符号` ,
      desc:   '描述',
      path: `pages/index/index`, //点击分享的图片进到哪一个页面
      success: function (res) {
        // 转发成功
        console.log("转发成功:" + JSON.stringify(res));
      },
      fail: function (res) {
        // 转发失败
        console.log("转发失败:" + JSON.stringify(res));
      }
    }
  }

结果

比较全面的转发和分享

辨别到群与个人、多个转发按钮、转发带参数