微信小程序 - 实现详情页分享功能

1、wxml文件：

  注意：一定要写 opne-type=“share”,button标签一定要在它的外面包裹一层view标签，不然我们是看不到button标签的

<view class='enjoy'>
    <button class='share' open-type="share">立即分享</button>
</view>

2、js文件：

要在onLoad里面写入以下代码：

// 分享给好友
wx.showShareMenu({
      withShareTicket: true
});

然后在onLoad下方写这个方法：

/* 转发*/
  onShareAppMessage: function (ops) {

    if (ops.from === 'button') {
      // 来自页面内转发按钮
      console.log(ops.target)
    }
    return {
      title: this.data.name,  // 分享名称
      path: 'pages/detail/detail?tid=' + this.data.tid + '&&bid=' + this.data.bid,  // 点击分享后的链接要来到的页面的路径已经对应需要的参数
      success: function (res) {  // 分享成功之后的操作
        console.log("分享成功:" + JSON.stringify(res));
      },
      fail: function (res) {  // 分享失败之后的操作
        console.log("分享失败:" + JSON.stringify(res));
      }
    }
  }

分享成功的例子：