微信小程序点击按钮分享

微信小程序中，当用户想要分享内容时，通常会通过内置的`wx:share`组件以及`navigator.share` API来实现。以下是基本步骤：

1. **添加`wx:share`组件**：在需要分享的内容页面上，放置一个`<button wx:if="canShare" wx:else="分享功能不可用">`标签，其中`canShare`是一个布尔属性，用于检查当前环境是否支持分享。

<button wx:if="canShare">
  <text>分享到</text>
  <!-- 可自定义分享图标和文字 -->
  <image src="{{shareIcon}}" mode="widthFix"></image>
</button>

你需要设置`shareIcon`、标题（title）、描述（desc），有时还可以提供图片url（imgUrl）等参数。

2. **处理分享逻辑**：在JS文件中，你需要在`onLoad`或其他适当生命周期函数中检查权限并设置分享信息，例如：

Page({
  onLoad() {
    const canShare = wx.canIUse('button.open-type-share');
    if (canShare) {
      this.setData({ canShare });
      // 设置默认分享信息
      const shareInfo = {
        title: '小程序名称',
        desc: '分享的文字描述',
        imgUrl: 'https://example.com/share.jpg'
      };
      this.onShare(shareInfo);
    }
  },
  onShare(shareInfo) {
    wx.updateAppMessageShareData(shareInfo);
  }
})

`updateAppMessageShareData`函数用于更新当前页面的分享数据，`navigator.share`可以在用户触发分享行为时动态设置分享内容。

3. **响应用户的分享操作**：当用户点击分享按钮，`navigator.share`会在后台发起分享，并监听`onShareSuccess`、`onShareTimeline`、`onRevoke`等事件，以获取分享结果反馈。

onShare(e) {
  wx.navigateTo({
    url: '/pages/share-success/index?e=' + JSON.stringify(e),
    animated: true,
  });
},