VUE开发的webApp调用自定义分享成功,但是分享出去还是原链接?
发布于 5 年前 作者 jiangmin 14347 次浏览 来自 问答

复现链接: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 在上面的方法里统一设置了
}

效果

2 回复

楼主解决踢我一下,我也遇到这个问题

回到顶部