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

时间:2024-04-22 12:03:59

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

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方法中不进行任何处理,则分享的数据对象仍是默认的