关于微信小程序分享/转发功能的实现方法

实现微信小程序分享,可以有两个入口:

1、 小程序右上角菜单自带的分享

这个入口是默认关闭的,需要在当前页面中调用showShareMenu方法,开启分享

onLoad: function () {
    wx.showShareMenu({
      withShareTicket: true
    })
  }

 

2、自定义分享按钮,open-type=“share”

<button open-type="share">分享</button>

 

以上方法都可以实现分享当前页面,它有一个默认的数据对象:分享标题是小程序名称,转发路径是当前页面路径,图片是当前页面截图

 

自定义这些对象内容,调用onShareAppMessage方法,这个方法会返回一个对象,可以设置分享内容,还可以添加分享后的一些操作,如下

onShareAppMessage: function () {
    return {
      title: '分享标题',
      path: 'pages/home/index',
      imageUrl: '/images/home.png',
      success: (res) => {
        // 分享成功
      },
      fail: (res) => {
        // 分享失败
      }
    }
  }

如果在onShareAppMessage方法中不进行任何处理,则分享的数据对象仍是默认的

posted @ 2019-10-16 15:07  jANE2160  阅读(10070)  评论(0编辑  收藏  举报