小程序分享

官网

小程序分享到聊天界面

用自定义按钮方式 <button open-type="share"> 或者 系统右上角的分享按钮

onShareAppMessage 进行自定义分享内容

• 小程序中用户点击分享后，在 js 中定义 onShareAppMessage 处理函数（和 onLoad 等生命周期函数同级），设置该页面的分享信息。

• 用户点击分享按钮的时候会调用。这个分享按钮

  • 可能是小程序右上角原生菜单自带的分享按钮，
  • 也可能是开发者在页面中放置的分享按钮（<button open-type="share">）；

• 此事件需要 return 一个Object，用于自定义分享内容。

微信小程序平台的分享管理比较严格，请参考 小程序分享指引。

export default {
  onShareAppMessage(res) {
    if (res.from === 'button') { // 来自页面内分享按钮
      console.log(res.target)
    }
    return {
      title: '自定义分享标题',
      path: '/pages/test/test?id=123',
      imageUrl: 'imgurl'
    }
  }
}

uni.share触发分享

• 分享图文
• href、imageUrl 为必选参数，title/summary 二选一，最好将这四个参数都选上。

uni.share({
    provider: "weixin",
    scene: "WXSceneSession",
    type: 0, 
    href: "http://uniapp.dcloud.io/",
    title: "uni-app分享",
    summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
    imageUrl: "https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png",
    success: function (res) {
        console.log("success:" + JSON.stringify(res));
    },
    fail: function (err) {
        console.log("fail:" + JSON.stringify(err));
    }
});