上篇文章说到 vue的jssdk授权方案 ,这篇中使用的上篇的方法授权。
这里设置一个公共方法:
/**
* 分享
* @param {Object} data 分享内容 title 分享标题 thumb分享图片 content 分享描述
* @param {String} fullPath 分享路径 通过 this.$route.fullPath 获取传入
*/
export function share(data, fullPath) {
// 设置自定义分享
ready(["updateTimelineShareData", "updateAppMessageShareData"]).then(_ => {
wx.updateTimelineShareData({
title: data.title, // 分享标题
link: window.location.protocol + '//' + window.location.host + fullPath, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: data.thumb, // 分享图标
success: function () {
// 设置成功
}
});
wx.updateAppMessageShareData({
title: data.title, // 分享标题
desc: data.content, // 分享描述
link: window.location.protocol + '//' + window.location.host + fullPath, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: data.thumb, // 分享图标
success: function () {
// 设置成功
}
});
});
}
使用 share({title: '分享标题', content: '分享描述', thumb: '分享图片'}, this.$route.fullPath)