微信jssdk配置使用

微信jssdk分享功能使用

注意点:
1.需要关注公众号之后再测试,否则不能分享
2.分享缩略图imgUrl需要使用绝对路径,不能是相对路径

具体使用代码如下:

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
$(function() {
// 回到顶部
$('.go-to-top').on('click', function() {
$("html,body").animate({ scrollTop: 0 }, 500);
})

//热点区域点击
$('[class^="hot-"]').on('click', function() {
var id = $(this).attr('class');
$("html,body").animate({ scrollTop: $("#" + id).offset().top }, 500);
})

//微信分享
var jsApiList = ['onMenuShareTimeline', 'onMenuShareAppMessage'];
var weixinUrl = location.href.split('#')[0];
var title = '值得买的幼儿黑科技玩具全在这了!'; //分享出去的大标题
var sec = '限时4折起,涵盖语数外,涉及科艺综,好玩不要不要的!'; //分享出去之后小字部分的明细标题
var icon = "http://h5.putao.com/schoolpage/images/share_icon.jpg"; //分享出去的icon
var shareLink = window.location.href; //分享出去的链接

$.ajax({
data: {
url: weixinUrl
},
type: "get",
// url: "http://dev-api-chenshan.ptdev.cn/blocks/jsdk/config", //测试/开发
url:"http://api-chenshan.putao.com/blocks/jsdk/config",//正式
success: function(res) {
res = typeof res == 'string' ? JSON.parse(res) : res;
var r = res.data;
// console.log(res);
wx.config({
debug: false,
appId: r.appId,
timestamp: r.timestamp,
nonceStr: r.nonceStr,
signature: r.signature,
jsApiList: jsApiList
});

}
});

wx.ready(function() {

console.log('JSSDK配置成功');

wx.onMenuShareTimeline({
title: title, // 分享标题
link: shareLink, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: icon, // 分享图标
success: function() {
// 用户确认分享后执行的回调函数
},
cancel: function() {
// 用户取消分享后执行的回调函数
}
});

wx.onMenuShareAppMessage({
title: title, // 分享标题
desc: sec, // 分享描述
link: shareLink, // 分享链接
imgUrl: icon, // 分享图标
success: function() {
// 用户确认分享后执行的回调函数
},
cancel: function() {
// 用户取消分享后执行的回调函数
}
});

});

wx.error(function(res){
console.log(res);
});
})