微信分享接入流程

1、完成JS安全域名配置

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

2、完成业务域名配置

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

3、引用JSSDK

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

4、获取SDK签名

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

5、配置微信分享

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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 () {
// 设置成功
}
})
});

注意事项

  • 分享后不展示配置的分享信息,有以下两种情况:
    • 分享的内容容包含 红包、提现、免费等敏感关键词
    • 第一次分享未通过公众号内转发

文献参考


评论区