微信分享

获取签名

微信分享失败问题

问题一:第一次调用签名会失败

第一次调用签名会失败,第二次调用签名会成功,后面再调用都会成功。

问题二:页面切换分享失败

获取签名以及配置分享成功之后,当前页面可以分享,但是切换到其它页面分享就会失败。解决方案是监听路由变化,每次切换页面都要重新执行分享配置

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
  • 通过链接地址直接进入,获取签名以及分享配置成功,但是分享出去的只有配置的link地址,没有titleimgUrl
  • 通过二维码进入,分享正常。
  • 通过他人正常分享出来的途径进入,分享正常。
  • 通过公众号配置的栏目打开,分享正常。
Last Updated: 2022/3/3 17:48:36
Contributors: 黎聪