微信分享
获取签名
微信分享失败问题
问题一:第一次调用签名会失败
第一次调用签名会失败,第二次调用签名会成功,后面再调用都会成功。
问题二:页面切换分享失败
获取签名以及配置分享成功之后,当前页面可以分享,但是切换到其它页面分享就会失败。解决方案是监听路由变化,每次切换页面都要重新执行分享配置
router.afterEach(() => {
if (window.wx) {
const { title, desc, link, imgUrl } = this.options;
wx.updateAppMessageShareData({
title, // 分享标题
desc, // 分享描述
link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl, // 分享图标
success: function () {
// 设置成功
console.log('设置成功 分享给朋友');
},
});
}
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
link
问题三:通过链接进入只能分享出- 通过链接地址直接进入,获取签名以及分享配置成功,但是分享出去的只有配置的
link
地址,没有title
和imgUrl
。 - 通过二维码进入,分享正常。
- 通过他人正常分享出来的途径进入,分享正常。
- 通过公众号配置的栏目打开,分享正常。