微信分享功能不可用+不能产生回调
之前微信分享一直正常可用，可最近报出微信分享后不能按规定的图片描述链接分享，而且不能产生回调导致不能通过分享增加用户参与活动次数，老代码如下：
|
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
|
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { window.shareData = { "imgUrl": "{$shareimg}", "timeLineLink": "{$sharelink}", "sendFriendLink": "{$sharelink}", "weiboLink": "{$sharelink}", "tTitle": "{$sharetitle}", "tContent": "{$sharedesc}", "fTitle": "{$sharetitle}", "fContent": "{$sharedesc}", "wContent": "{$sharedesc}", }; /*发送给好友*/ WeixinJSBridge.on('menu:share:appmessage', function (argv) { WeixinJSBridge.invoke('sendAppMessage', { "img_url": window.shareData.imgUrl, "img_width": "640", "img_height": "640", "link": window.shareData.sendFriendLink, "desc": window.shareData.fContent, "title": window.shareData.fTitle }, function (res) { if(res.err_msg == 'send_app_msg:ok' || res.err_msg == 'send_app_msg:confirm'){ //转发成功 $.ajax({ type: 'POST', url: "{php echo $this->createMobileUrl('setadd', array('id' => $id))}", //data: {"id":0}, dataType: 'json', success: function(e) { alert(e.msg); if (e.success!=0){ $("#lcount").text(e.success); } return true; }, error: function(e, t) { return false; } }); }; _report('send_msg', res.err_msg); }) }); //分享到朋友圈 WeixinJSBridge.on('menu:share:timeline', function (argv) { WeixinJSBridge.invoke('shareTimeline', { "img_url": window.shareData.imgUrl, "img_width": "640", "img_height": "640", "link": window.shareData.timeLineLink, "desc": window.shareData.tContent, "title": window.shareData.tTitle }, function (res) { if(res.err_msg == 'share_timeline:ok' || res.err_msg == 'share_timeline:confirm'){ //转发成功 $.ajax({ type: 'POST', url: "{php echo $this->createMobileUrl('setadd', array('id' => $id))}", //data: {"id":0}, dataType: 'json', success: function(e) { alert(e.msg); if (e.success!=0){ $("#lcount").text(e.success); } return true; }, error: function(e, t) { return false; } }); }; _report('timeline', res.err_msg); }); }); //分享到微博 WeixinJSBridge.on('menu:share:weibo', function (argv) { WeixinJSBridge.invoke('shareWeibo', { "content": window.shareData.wContent, "url": window.shareData.weiboLink, }, function (res) { _report('weibo', res.err_msg); }); }); }, false) |
网上查找资料发现，腾讯为打击诱导分享可能做了一些改动
在github上找到了民间高手发布的weixinAPI，实践证明可用可行，代码如下：
|
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
|
/**! * 微信内置浏览器的Javascript API，功能包括： * * 1、分享到微信朋友圈 * 2、分享给微信好友 * 3、分享到腾讯微博 * 4、隐藏/显示右上角的菜单入口 * 5、隐藏/显示底部浏览器工具栏 * 6、获取当前的网络状态 * 7、调起微信客户端的图片播放组件 * 8、关闭公众平台Web页面 * 9、判断当前网页是否在微信内置浏览器中打开 * 10、支持WeixinApi的错误监控 * 11、发送电子邮件 * 12、禁止用户分享 * * @author zhaoxianlie(http://www.baidufe.com) */(function (window) { "use strict"; /** * 定义WeixinApi */ var WeixinApi = { version: 4.3 }; // 将WeixinApi暴露到window下：全局可使用，对旧版本向下兼容 window.WeixinApi = WeixinApi; /////////////////////////// CommonJS ///////////////////////////////// if (typeof define === 'function' && (define.amd || define.cmd)) { if (define.amd) { // AMD 规范，for：requirejs define(function () { return WeixinApi; }); } else if (define.cmd) { // CMD 规范，for：seajs define(function (require, exports, module) { module.exports = WeixinApi; }); } } /** * 对象简单继承，后面的覆盖前面的，继承深度：deep=1 * @private */ var _extend = function () { var result = {}, obj, k; for (var i = 0, len = arguments.length; i < len; i++) { obj = arguments[i]; if (typeof obj === 'object') { for (k in obj) { obj[k] && (result[k] = obj[k]); } } } return result; }; /** * 内部私有方法，分享用 * @private */ var _share = function (cmd, data, callbacks) { callbacks = callbacks || {}; // 分享过程中的一些回调 var progress = function (resp) { switch (true) { // 用户取消 case /\:cancel$/i.test(resp.err_msg) : callbacks.cancel && callbacks.cancel(resp); break; // 发送成功 case /\:(confirm|ok)$/i.test(resp.err_msg): callbacks.confirm && callbacks.confirm(resp); break; // fail 发送失败 case /\:fail$/i.test(resp.err_msg) : default: callbacks.fail && callbacks.fail(resp); break; } // 无论成功失败都会执行的回调 callbacks.all && callbacks.all(resp); }; // 执行分享，并处理结果 var handler = function (theData, argv) { // 加工一下数据 if (cmd.menu == 'menu:share:timeline' || (cmd.menu == 'general:share' && argv.shareTo == 'timeline')) { var title = theData.title; theData.title = theData.desc || title; theData.desc = title || theData.desc; } // 如果是收藏操作，并且在wxCallbacks中配置了favorite为false，则不执行回调 if (argv && (argv.shareTo == 'favorite' || argv.scene == 'favorite')) { if (callbacks.favorite === false) { WeixinJSBridge.invoke('sendAppMessage', theData, new Function()); } else { WeixinJSBridge.invoke(cmd.action, theData, progress); } } else { // 新的分享接口，单独处理 if (cmd.menu === 'general:share') { if (argv.shareTo === 'timeline') { WeixinJSBridge.invoke('shareTimeline', theData, progress); } else if (argv.shareTo === 'friend') { WeixinJSBridge.invoke('sendAppMessage', theData, progress); } else if (argv.shareTo === 'QQ') { WeixinJSBridge.invoke('shareQQ', theData, progress); } else if (argv.shareTo === 'weibo') { WeixinJSBridge.invoke('shareWeibo', theData, progress); } } else { WeixinJSBridge.invoke(cmd.action, theData, progress); } } }; // 监听分享操作 WeixinJSBridge.on(cmd.menu, function (argv) { callbacks.dataLoaded = callbacks.dataLoaded || new Function(); if (callbacks.async && callbacks.ready) { WeixinApi["_wx_loadedCb_"] = callbacks.dataLoaded; if (WeixinApi["_wx_loadedCb_"].toString().indexOf("_wx_loadedCb_") > 0) { WeixinApi["_wx_loadedCb_"] = new Function(); } callbacks.dataLoaded = function (newData) { callbacks.__cbkCalled = true; var theData = _extend(data, newData); theData.img_url = theData.imgUrl || theData.img_url; delete theData.imgUrl; WeixinApi["_wx_loadedCb_"](theData); handler(theData, argv); }; // 然后就绪 if (!(argv && (argv.shareTo == 'favorite' || argv.scene == 'favorite') && callbacks.favorite === false)) { callbacks.ready && callbacks.ready(argv, data); // 如果设置了async为true，但是在ready方法中并没有手动调用dataLoaded方法，则自动触发一次 if (!callbacks.__cbkCalled) { callbacks.dataLoaded({}); callbacks.__cbkCalled = false; } } } else { // 就绪状态 var theData = _extend(data); if (!(argv && (argv.shareTo == 'favorite' || argv.scene == 'favorite') && callbacks.favorite === false)) { callbacks.ready && callbacks.ready(argv, theData); } handler(theData, argv); } }); }; /** * 分享到微信朋友圈 * @param {Object} data 待分享的信息 * @p-config {String} appId 公众平台的appId（服务号可用） * @p-config {String} imgUrl 图片地址 * @p-config {String} link 链接地址 * @p-config {String} desc 描述 * @p-config {String} title 分享的标题 * * @param {Object} callbacks 相关回调方法 * @p-config {Boolean} async ready方法是否需要异步执行，默认false * @p-config {Function} ready(argv, data) 就绪状态 * @p-config {Function} dataLoaded(data) 数据加载完成后调用，async为true时有用，也可以为空 * @p-config {Function} cancel(resp) 取消 * @p-config {Function} fail(resp) 失败 * @p-config {Function} confirm(resp) 成功 * @p-config {Function} all(resp) 无论成功失败都会执行的回调 */ WeixinApi.shareToTimeline = function (data, callbacks) { _share({ menu: 'menu:share:timeline', action: 'shareTimeline' }, { "appid": data.appId ? data.appId : '', "img_url": data.imgUrl, "link": data.link, "desc": data.desc, "title": data.title, "img_width": "640", "img_height": "640" }, callbacks); }; /** * 发送给微信上的好友 * @param {Object} data 待分享的信息 * @p-config {String} appId 公众平台的appId（服务号可用） * @p-config {String} imgUrl 图片地址 * @p-config {String} link 链接地址 * @p-config {String} desc 描述 * @p-config {String} title 分享的标题 * * @param {Object} callbacks 相关回调方法 * @p-config {Boolean} async ready方法是否需要异步执行，默认false * @p-config {Function} ready(argv, data) 就绪状态 * @p-config {Function} dataLoaded(data) 数据加载完成后调用，async为true时有用，也可以为空 * @p-config {Function} cancel(resp) 取消 * @p-config {Function} fail(resp) 失败 * @p-config {Function} confirm(resp) 成功 * @p-config {Function} all(resp) 无论成功失败都会执行的回调 */ WeixinApi.shareToFriend = function (data, callbacks) { _share({ menu: 'menu:share:appmessage', action: 'sendAppMessage' }, { "appid": data.appId ? data.appId : '', "img_url": data.imgUrl, "link": data.link, "desc": data.desc, "title": data.title, "img_width": "640", "img_height": "640" }, callbacks); }; /** * 分享到腾讯微博 * @param {Object} data 待分享的信息 * @p-config {String} link 链接地址 * @p-config {String} desc 描述 * * @param {Object} callbacks 相关回调方法 * @p-config {Boolean} async ready方法是否需要异步执行，默认false * @p-config {Function} ready(argv, data) 就绪状态 * @p-config {Function} dataLoaded(data) 数据加载完成后调用，async为true时有用，也可以为空 * @p-config {Function} cancel(resp) 取消 * @p-config {Function} fail(resp) 失败 * @p-config {Function} confirm(resp) 成功 * @p-config {Function} all(resp) 无论成功失败都会执行的回调 */ WeixinApi.shareToWeibo = function (data, callbacks) { _share({ menu: 'menu:share:weibo', action: 'shareWeibo' }, { "content": data.desc, "url": data.link }, callbacks); }; /** * 新的分享接口 * @param {Object} data 待分享的信息 * @p-config {String} appId 公众平台的appId（服务号可用） * @p-config {String} imgUrl 图片地址 * @p-config {String} link 链接地址 * @p-config {String} desc 描述 * @p-config {String} title 分享的标题 * * @param {Object} callbacks 相关回调方法 * @p-config {Boolean} async ready方法是否需要异步执行，默认false * @p-config {Function} ready(argv, data) 就绪状态 * @p-config {Function} dataLoaded(data) 数据加载完成后调用，async为true时有用，也可以为空 * @p-config {Function} cancel(resp) 取消 * @p-config {Function} fail(resp) 失败 * @p-config {Function} confirm(resp) 成功 * @p-config {Function} all(resp) 无论成功失败都会执行的回调 */ WeixinApi.generalShare = function (data, callbacks) { _share({ menu: 'general:share' }, { "appid": data.appId ? data.appId : '', "img_url": data.imgUrl, "link": data.link, "desc": data.desc, "title": data.title, "img_width": "640", "img_height": "640" }, callbacks); }; /** * 设置页面禁止分享：包括朋友圈、好友、腾讯微博、qq * @param callback */ WeixinApi.disabledShare = function (callback) { callback = callback || function () { alert('当前页面禁止分享！'); }; ['menu:share:timeline', 'menu:share:appmessage', 'menu:share:qq', 'menu:share:weibo', 'general:share'].forEach(function (menu) { WeixinJSBridge.on(menu, function () { callback(); return false; }); }); }; /** * 调起微信Native的图片播放组件。 * 这里必须对参数进行强检测，如果参数不合法，直接会导致微信客户端crash * * @param {String} curSrc 当前播放的图片地址 * @param {Array} srcList 图片地址列表 */ WeixinApi.imagePreview = function (curSrc, srcList) { if (!curSrc || !srcList || srcList.length == 0) { return; } WeixinJSBridge.invoke('imagePreview', { 'current': curSrc, 'urls': srcList }); }; /** * 显示网页右上角的按钮 */ WeixinApi.showOptionMenu = function () { WeixinJSBridge.call('showOptionMenu'); }; /** * 隐藏网页右上角的按钮 */ WeixinApi.hideOptionMenu = function () { WeixinJSBridge.call('hideOptionMenu'); }; /** * 显示底部工具栏 */ WeixinApi.showToolbar = function () { WeixinJSBridge.call('showToolbar'); }; /** * 隐藏底部工具栏 */ WeixinApi.hideToolbar = function () { WeixinJSBridge.call('hideToolbar'); }; /** * 返回如下几种类型： * * network_type:wifi wifi网络 * network_type:edge 非wifi,包含3G/2G * network_type:fail 网络断开连接 * network_type:wwan 2g或者3g * * 使用方法： * WeixinApi.getNetworkType(function(networkType){ * * }); * * @param callback */ WeixinApi.getNetworkType = function (callback) { if (callback && typeof callback == 'function') { WeixinJSBridge.invoke('getNetworkType', {}, function (e) { // 在这里拿到e.err_msg，这里面就包含了所有的网络类型 callback(e.err_msg); }); } }; /** * 关闭当前微信公众平台页面 * @param {Object} callbacks 回调方法 * @p-config {Function} fail(resp) 失败 * @p-config {Function} success(resp) 成功 */ WeixinApi.closeWindow = function (callbacks) { callbacks = callbacks || {}; WeixinJSBridge.invoke("closeWindow", {}, function (resp) { switch (resp.err_msg) { // 关闭成功 case 'close_window:ok': callbacks.success && callbacks.success(resp); break; // 关闭失败 default : callbacks.fail && callbacks.fail(resp); break; } }); }; /** * 当页面加载完毕后执行，使用方法： * WeixinApi.ready(function(Api){ * // 从这里只用Api即是WeixinApi * }); * @param readyCallback */ WeixinApi.ready = function (readyCallback) { /** * 加一个钩子，同时解决Android和iOS下的分享问题 * @private */ var _hook = function () { var _WeixinJSBridge = {}; Object.keys(WeixinJSBridge).forEach(function (key) { _WeixinJSBridge[key] = WeixinJSBridge[key]; }); Object.keys(WeixinJSBridge).forEach(function (key) { if (typeof WeixinJSBridge[key] === 'function') { WeixinJSBridge[key] = function () { try { var args = arguments.length > 0 ? arguments[0] : {}, runOn3rd_apis = args.__params ? args.__params.__runOn3rd_apis || [] : []; ['menu:share:timeline', 'menu:share:appmessage', 'menu:share:weibo', 'menu:share:qq', 'general:share'].forEach(function (menu) { runOn3rd_apis.indexOf(menu) === -1 && runOn3rd_apis.push(menu); }); } catch (e) { } return _WeixinJSBridge[key].apply(WeixinJSBridge, arguments); }; } }); }; if (readyCallback && typeof readyCallback == 'function') { var Api = this; var wxReadyFunc = function () { _hook(); readyCallback(Api); }; if (typeof window.WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventListener('WeixinJSBridgeReady', wxReadyFunc, false); } else if (document.attachEvent) { document.attachEvent('WeixinJSBridgeReady', wxReadyFunc); document.attachEvent('onWeixinJSBridgeReady', wxReadyFunc); } } else { wxReadyFunc(); } } }; /** * 判断当前网页是否在微信内置浏览器中打开 */ WeixinApi.openInWeixin = function () { return /MicroMessenger/i.test(navigator.userAgent); }; /** * 发送邮件 * @param {Object} data 邮件初始内容 * @p-config {String} subject 邮件标题 * @p-config {String} body 邮件正文 * * @param {Object} callbacks 相关回调方法 * @p-config {Function} fail(resp) 失败 * @p-config {Function} success(resp) 成功 * @p-config {Function} all(resp) 无论成功失败都会执行的回调 */ WeixinApi.sendEmail = function (data, callbacks) { callbacks = callbacks || {}; WeixinJSBridge.invoke("sendEmail", { "title": data.subject, "content": data.body }, function (resp) { if (resp.err_msg === 'send_email:sent') { callbacks.success && callbacks.success(resp); } else { callbacks.fail && callbacks.fail(resp); } callbacks.all && callbacks.all(resp); }) }; /** * 开启Api的debug模式，比如出了个什么错误，能alert告诉你，而不是一直很苦逼的在想哪儿出问题了 * @param {Function} callback(error) 出错后的回调，默认是alert */ WeixinApi.enableDebugMode = function (callback) { /** * @param {String} errorMessage 错误信息 * @param {String} scriptURI 出错的文件 * @param {Long} lineNumber 出错代码的行号 * @param {Long} columnNumber 出错代码的列号 */ window.onerror = function (errorMessage, scriptURI, lineNumber, columnNumber) { // 有callback的情况下，将错误信息传递到options.callback中 if (typeof callback === 'function') { callback({ message: errorMessage, script: scriptURI, line: lineNumber, column: columnNumber }); } else { // 其他情况，都以alert方式直接提示错误信息 var msgs = []; msgs.push("额，代码有错。。。"); msgs.push("\n错误信息：", errorMessage); msgs.push("\n出错文件：", scriptURI); msgs.push("\n出错位置：", lineNumber + '行，' + columnNumber + '列'); alert(msgs.join('')); } } }; /** * 通用分享，一种简便的写法 * @param wxData * @param wxCallbacks */ WeixinApi.share = function (wxData, wxCallbacks) { WeixinApi.ready(function (Api) { // 用户点开右上角popup菜单后，点击分享给好友，会执行下面这个代码 Api.shareToFriend(wxData, wxCallbacks); // 点击分享到朋友圈，会执行下面这个代码 Api.shareToTimeline(wxData, wxCallbacks); // 点击分享到腾讯微博，会执行下面这个代码 Api.shareToWeibo(wxData, wxCallbacks); // 分享到各渠道 Api.generalShare(wxData, wxCallbacks); }); };})(window); |
加入了share.js后，可以通过WeixinApi.ready()来完成分享功能
|
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
|
// 需要分享的内容，请放到ready里WeixinApi.ready(function(Api) { // 微信分享的数据 var wxData = { "imgUrl": "{$shareimg}", "link" : "{$sharelink}", "desc" : "{$sharedesc}", "title" : "{$sharetitle}" }; // 分享的回调 var wxCallbacks = { // 收藏操作是否触发回调，默认是开启的 favorite : false, // 分享操作开始之前 ready : function() { // 你可以在这里对分享的数据进行重组 }, // 分享被用户自动取消 cancel : function(resp) { // 你可以在你的页面上给用户一个小Tip，为什么要取消呢？ }, // 分享失败了 fail : function(resp) { // 分享失败了，是不是可以告诉用户：不要紧，可能是网络问题，一会儿再试试？ }, // 分享成功 confirm : function(resp) { // 分享成功了，我们是不是可以做一些分享统计呢？ //转发成功 $.ajax({ type: 'POST', url: "{php echo $this->createMobileUrl('setadd', array('id' => $id))}", //data: {"id":0}, dataType: 'json', success: function(e) { alert(e.msg); if (e.success!=0){ $("#lcount").text(e.success); } return true; }, error: function(e, t) { return false; } }); }, // 整个分享过程结束 all : function(resp,shareTo) { // 如果你做的是一个鼓励用户进行分享的产品，在这里是不是可以给用户一些反馈了？ } }; // 用户点开右上角popup菜单后，点击分享给好友，会执行下面这个代码 Api.shareToFriend(wxData, wxCallbacks); // 点击分享到朋友圈，会执行下面这个代码 Api.shareToTimeline(wxData, wxCallbacks); // 点击分享到腾讯微博，会执行下面这个代码 Api.shareToWeibo(wxData, wxCallbacks); // iOS上，可以直接调用这个API进行分享，一句话搞定 Api.generalShare(wxData,wxCallbacks);}); |
回调里面控制了分享过程中的各个流程
