微信小程序的分享,只能通过点击右上角的转发或者自定义按钮<button>的open-type="share"属性唤起分享,唤起分享实际调用的是onShareAppMessage()方法。
比如:
getShareTitle() {
let titles = ['111','222','333', '444']
let index = Math.floor(Math.random() * titles.length)
this.setData({
shareTitle: titles[index]
})
},
onShareAppMessage() {
wx.setStorageSync('bargainDetailShare', true)
this.getShareTitle() // 自定义分享的标题
return {
path: '页面路径',
title: this.data.shareTitle,
imageUrl: '../../images/kanjia/bargain_share.png' //自定义图片
}
}
分享成功之后,我们想给用户展示提示信息,需要用到wx.showShareMenu()方法。
1、首先在唤起调用了onShareAppMessage()方法的时候,设定一个flag,如上面的wx.setStorageSync('bargainDetailShare', true)
2、分享成功后,会返回当前分享的页面,这个时候,在onShow里面这样做:
if(wx.getStorageSync('bargainDetailShare')) {
wx.showShareMenu({
// 要求小程序返回分享目标信息
withShareTicket: true,
success: function (res) {
// 分享成功
wx.showToast({
title: '分享成功',
icon: 'none'
})
},
fail: function (res) {
// 分享失败
console.log('分享失败' + res)
}
});
}
这样就好了。
网友评论