uniapp 实现点击按钮分享

在 uniapp 中 app 端可以使用 uni.share API 来实现分享的操作，小程序不支持这个 API 的调用，只能用户主动点击触发分享。

在 manifest.json 文件的 App 模块权限配置中勾选分享功能，然后在代码中使用 uni.share()

uni.share()

关键参数：

• scene 分享的场景
  • WXSceneSession：微信好友
  • WXSceneTimelin：朋友圈
  • WXSceneFavorite： 微信收藏
• type 分享的形式（默认是 0）
  • 0：图文
  • 1：文字
  • 2：图片
  • 3：音乐
  • 4：视频
  • 5：小程序
• href 分享跳转的链接
• title 分享的标题
• summary 分享的内容文字
• imageUrl 分享的封面图片

uni.share({
  provider: "weixin",
  scene: "WXSceneSession",，
  type: 0,
  href: "",
  title: "",
  summary: "",
  imageUrl: "",
  success: function(res) {
  },
  fail: function(err) {
  }
});

小程序触发分享

点击按钮触发分享，需要在按钮组件上添加 open-type="share" 属性：<button open-type="share">,不写按钮的话无法进行分享。

如果是点击图片等非按钮元素触发分享，可以将按钮包裹在外层，调整一下样式就可以了。