uniapph5中,在页面中点击自定义按钮分享到微信

在 uni-app 中，可以使用 uni.share API 来实现分享功能。首先，需要在 `manifest.json` 文件中配置微信分享的 AppID 和 AppSecret：

"mp-weixin": {
  "appid": "YOUR_APPID",
  "appsecret": "YOUR_APPSECRET"
}

然后在页面中引入 uni.share API 并调用：

<template>
  <button @click="shareToWeChat">分享到微信</button>
</template>

<script>
export default {
  methods: {
    shareToWeChat() {
      uni.share({
        provider: 'weixin',
        type: 5, // 分享类型为网页链接
        title: '分享标题',
        summary: '分享描述',
        href: 'https://www.example.com', // 分享链接
        imageUrl: 'https://www.example.com/share-image.png',
        success: () => {
          console.log('分享成功')
        },
        fail: () => {
          console.log('分享失败')
        }
      })
    },
  },
}
</script>

需要注意的是，分享功能需要在微信环境下才能正常使用，因此最好先判断一下当前环境是否为微信：

shareToWeChat() {
  if (uni.getSystemInfoSync().platform === 'android' || uni.getSystemInfoSync().platform === 'ios') {
    uni.share({
      // ...
    })
  } else {
    // 非微信环境，提示用户无法分享
    uni.showToast({
      title: '请在微信中使用分享功能',
      icon: 'none',
    })
  }
}