VUE开发的webApp调用自定义分享成功,但是分享出去还是原链接?
复现链接:http://saas-test.leadmea.com/dist/details?id=42
let url = window.location.href;
shareData.link = url;
alert("分享链接:" + url);
this.api.SEND_SHARE({ url }).then((res) => {
window.wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: res.appId, // 必填,公众号的唯一标识
timestamp: res.timestamp, // 必填,生成签名的时间戳
nonceStr: res.nonceStr, // 必填,生成签名的随机串
signature: res.signature, // 必填,签名
jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"], // 必填,需要使用的JS接口列表
});
window.wx.ready(() => {
alert(JSON.stringify(shareData));
// 分享好友
window.wx.updateAppMessageShareData({
...shareData,
success: () => {
alert("好友分享设置成功");
},
});
// 分享朋友圈
window.wx.updateTimelineShareData({
...shareData,
success: () => {
alert("朋友圈分享设置成功");
},
});
});
});
调用
{
title: this.details.title,
imgUrl: "http://saas-test.leadmea.com/dist/img/logo.1813e0ea.png",
desc: this.details.desc,
// link 在上面的方法里统一设置了
}
效果