uniapp分享小程序给好友或分享到朋友圈

文章发布于2020年09月24日 16:24, 归类于: 前端

参考文档:

分享小程序给好友或分享到朋友圈

1、设置当前页面显示右上角菜单点击后显示的分享按钮

shareAppMessage是分享好友菜单按钮,shareTimeline是转发到朋友圈菜单按钮。

mounted() {
  uni.showShareMenu({
    menus: ['shareAppMessage', 'shareTimeline']
  })
}

2、设置分享生命周期事件

发送给好友

通过右上角分享好友菜单按钮或button按钮触发。

onLoad() {},
onShareAppMessage(e) {
  let data = {
    title: "转发的标题", // 默认是小程序的名称
    // path: '/pages/share/share', // 页面路径,默认是当前页面,必须是以‘/’开头的完整路径
    // imageUrl: '', // 图片封面,本地文件路径、网络图片路,支持PNG及JPG,默认当前页面截图,显示图片长宽比是 5:4。
    success: res => {
      // 分享成功
      if (res.errMsg == 'shareAppMessage:ok') {}
    },
    fail: res => {
      // 用户取消
      if (res.errMsg == 'shareAppMessage:fail cancel') {}

      // 分享失败
      if (res.errMsg == 'shareAppMessage:fail') {}
    },
    complete: res => {}
  }

  // 通过button 分享
  if (e.from == 'button') {}

  // 通过菜单分享
  if (e.from == 'menu') {}

  return data
},

按钮分享

判断onShareAppMessage的分享方式。

<button open-type="share" >分享</button>
onShareAppMessage(e){
  // 通过button 分享
  if (e.from == 'button') {

  }

  // 通过菜单分享
  if (e.from == 'menu') {

  }

  return {
    // ...
  }
}

分享到朋友圈

通过右上角转发到朋友圈菜单按钮触发。

onLoad() {},
onShareTimeline() {
  let data = {
    title: "转发的标题", // 默认是小程序的名称
    // path: '/pages/share/share', // 页面路径,默认是当前页面,必须是以‘/’开头的完整路径
    // imageUrl: '', // 图片封面,本地文件路径、网络图片路,支持PNG及JPG,默认当前页面截图,显示图片长宽比是 5:4。
    success: res => {
      // 分享成功
      if (res.errMsg == 'shareAppMessage:ok') {}
    },
    fail: res => {
      // 用户取消
      if (res.errMsg == 'shareAppMessage:fail cancel') {}
      // 分享失败
      if (res.errMsg == 'shareAppMessage:fail') {}
    },
    complete: res => {}
  }

  return data
}

转载请注明来源:《 uniapp分享小程序给好友或分享到朋友圈》- rojerYong's Blog

文章链接:https://www.eoway.cn/article/1600935880.html

如果此文摘取了你的原创,请联系本站管理员,将对此文修改、删除处理。

--END--
上一篇:git修改远程仓库地址 下一篇:uniapp打包ios正式版后没有位置服务,privacyDescription描述设置