微信公共号分享链接配置

1、通过config接口注入权限验证配置

一般情况会通过接口,将当前页面的url传给后端,获取到config配置所需的参数;

let _config = () => {
    this.$post('common/getShareConf', { url: location.href }, '', this).then(
        response => {
          let data = response.data;
          wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
            appId: data.appId, // 必填,公众号的唯一标识
            timestamp: data.timestamp, // 必填,生成签名的时间戳
            nonceStr: data.nonceStr, // 必填,生成签名的随机串
            signature: data.signature, // 必填,签名
            jsApiList: data.jsApiList // 必填,需要使用的JS接口列表
          });
        }
    );
}

2、自定义“分享给朋友”及“分享到QQ”按钮的分享内容

在config配置成功后再进行分享链接的配置,可以将分享给朋友和朋友圈两种情况一同配置;

let _share = () => {
    wx.updateAppMessageShareData({
        title: '综合检测拒贷原因,我的网贷通过率翻了两倍!', // 分享标题
        desc: '网贷又被拒?快来看看究竟是什么原因!', // 分享描述
        link: 'url', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: `${url}static/images/user.png`, // 分享图标
        success: function() {
          // 设置成功
        }
      });
    wx.updateTimelineShareData({
        title: '综合检测拒贷原因,我的网贷通过率翻了两倍!', // 分享标题
        desc: '网贷又被拒?快来看看究竟是什么原因!', // 分享描述
        link: 'url', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: `${url}static/images/user.png`, // 分享图标
        success: function() {
          // 设置成功
        }
    });
}

3、需要注意的是,一定要保证分享设置在config注入权限设置之后;

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值