微信分享接入流程

2022/04/05
- 编程
0阅读

1、完成JS安全域名配置

保证项目可以使用微信的JSSDK

2、完成业务域名配置

在页面中存在输入框时，不会出现警告提示

3、引用JSSDK

http://res2.wx.qq.com/open/js/jweixin-1.6.0.js

4、获取SDK签名

调用后端接口，传递当前要分享的网址，获取签名信息

5、配置微信分享

wx.config({
    appId: '', // 必填，公众号的唯一标识
    timestamp: '', // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名
    jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'] // 必填，需要使用的JS接口列表
});

wx.ready(function(){
    wx.updateAppMessageShareData({
        title: '', // 分享标题
        desc: '', // 分享描述
        link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: '', // 分享图标
        success: function () {
          // 设置成功
        }
    })

    wx.updateTimelineShareData({
        title: '', // 分享标题
        link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: '', // 分享图标
        success: function () {
          // 设置成功
        }
    })
});