share.js
3.34 KB
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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
let shareData = {
title: '',
link: '',
desc: '逛',
imgUrl: 'http://static.yohobuy.com/m/v1/img/touch/apple-touch-icon-144x144-precomposed-new.png'
};
let jsApiList = [
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'onMenuShareQZone'
];
const setWxShareData = function() {
window.wx.onMenuShareTimeline(shareData);
window.wx.onMenuShareAppMessage(shareData);
window.wx.onMenuShareQQ(shareData);
window.wx.onMenuShareQZone(shareData);
window.wx.onMenuShareWeibo(shareData);
};
function loadScript(url, success) {
const head = document.getElementsByTagName('head')[0];
let script = document.createElement('script');
script.type = 'text/javascript';
script.onload = script.onreadystatechange = function() {
if (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete' ) {
success && success();
script.onload = script.onreadystatechange = null;
}
};
script.src= url;
head.appendChild(script);
}
function jsonp(url, data = {}) {
return new Promise((resolve, reject) => {
let JSONP = document.createElement('script');
let query = [];
data.callback = 'jsonCallBack';
Object.keys(data).forEach(key => {
query.push(key + '=' + data[key]);
});
window.jsonCallBack = (result) => {
resolve(result);
};
JSONP.type = 'text/javascript';
JSONP.src = `${url}?${query.join('&')}`;
const head = document.getElementsByTagName('head')[0];
head.appendChild(JSONP);
setTimeout(() => {
head.removeChild(JSONP)
}, 500);
})
}
function init(qs) {
if (/QQ/i.test(navigator.userAgent)) {
loadScript('//qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js', function() {
window.setShareInfo && window.setShareInfo({
title: shareData.title,
summary: shareData.desc,
pic: shareData.imgUrl,
url: shareData.link || location.href
});
});
}
if (/MicroMessenger/i.test(navigator.userAgent)) {
loadScript('//res.wx.qq.com/open/js/jweixin-1.3.2.js', () => {
jsonp(location.protocol + '//m.yohobuy.com/activity/wechat/share', {
url: location.href
}).then(res => {
if (window.wx) {
window.wx.config({
debug: false,
appId: res.appId,
timestamp: res.timestamp,
nonceStr: res.nonceStr,
signature: res.signature,
jsApiList: jsApiList
});
window.wx.ready(function() {
setWxShareData();
});
}
})
});
}
if (qs && qs.share_id) {
jsonp(location.protocol + '//m.yohobuy.com/activity/share', {
shareId: qs.share_id
}).then(res => {
if (res && res.code === 200 && res.data) {
shareData.desc = res.data.content || res.data.title;
shareData.imgUrl = res.data.pic;
shareData.title = res.data.title;
};
});
}
}
export default {
init,
setShareInfo(data) {
Object.assign(shareData, data);
shareData.link = shareData.link || location.href;
if (window.wx) {
setWxShareData();
}
setTimeout(function() {
window.setShareInfo({
title: shareData.title,
summary: shareData.desc,
pic: shareData.imgUrl,
url: shareData.link
});
}, window.setShareInfo ? 0 : 300);
}
}