如何在uniapp中实现分享和转发功能

import uniShare from '@/uni_modules/uni-share/uni-share.js'
Vue.prototype.uniShare = uniShare

methods: {
  onShare() {
    this.uniShare.showShareMenu({
      withShareTicket: true,
      success: res => {
        console.log('showShareMenu success', res)
      },
      fail: err => {
        console.error('showShareMenu error', err)
      }
    })
  }
}

<template>
  <view>
    <button @click="onShare">点击分享</button>
  </view>
</template>

import uniShare from '@/uni_modules/uni-share/uni-share.js'
Vue.prototype.uniShare = uniShare

methods: {
  onShareAppMessage(options) {
    console.log('onShareAppMessage', options)
    return {
      title: '分享标题',
      path: '/pages/detail?id=' + this.goodsId,
      imageUrl: 'https://example.com/image.jpg',
      success: res => {
        console.log('分享成功', res)
      },
      fail: err => {
        console.error('分享失败', err)
      }
    }
  }
}

<template>
  <view>
    <!-- 商品详情 -->
    <!-- ... -->

    <!-- 转发按钮 -->
    <button openType="share">转发</button>
  </view>
</template>