鍍金池/ 問答/HTML5  HTML/ 如何解釋一種微信網(wǎng)頁點(diǎn)分享按鈕發(fā)送給朋友卻無反應(yīng)的問題?

如何解釋一種微信網(wǎng)頁點(diǎn)分享按鈕發(fā)送給朋友卻無反應(yīng)的問題?

問題:

問題很簡(jiǎn)單,就是我們項(xiàng)目組做了一個(gè)網(wǎng)頁A并調(diào)用了微信的JS-SDK做定制分享信息。前幾天做好后一切正常,做了簡(jiǎn)單的轉(zhuǎn)發(fā)和測(cè)試都沒有問題。到了某天(提問之時(shí)的昨天),項(xiàng)目組小A(iOS和Android各一臺(tái))突然說她無法分享了。我們一看癥狀如下:進(jìn)入網(wǎng)頁,點(diǎn)擊右上角打開分享菜單,點(diǎn)擊“發(fā)送給朋友”后,微信無任何反應(yīng),無法彈出朋友列表選擇分享對(duì)象;但是點(diǎn)“發(fā)送到朋友圈”還是能正常彈出發(fā)送窗口。而且她的安卓和蘋果幾乎同時(shí)出現(xiàn)這個(gè)不能分享的問題。其他人,無論是蘋果還是安卓,都表示沒有遇到這個(gè)問題。

嘗試排錯(cuò):

1、由于其他人分享正常,因此小A試圖清空iOS內(nèi)微信的緩存、重啟微信、更換賬號(hào)、甚至重啟手機(jī),但是無濟(jì)于事,依然不能分享。

2、排除是否所有網(wǎng)頁都出現(xiàn)這個(gè)問題:小A隨便進(jìn)入幾個(gè)其他人分享的其他頁面,可以進(jìn)行分享(定制的和非定制的)而且均無問題。

3、將網(wǎng)頁A內(nèi)的微信JS-SDK代碼中config的debug設(shè)為true。小A打開網(wǎng)頁時(shí)提示均為ok,沒有出現(xiàn)錯(cuò)誤,但是依然無法調(diào)出朋友列表分享。

4、項(xiàng)目組內(nèi)一位膽大的小C退出了自己手機(jī)上的微信,登錄到小A手機(jī)上的微信里打開網(wǎng)頁A,發(fā)現(xiàn)無法分享。小A登回自己的微信,問題依舊。

5、使用微信web開發(fā)者工具訪問網(wǎng)頁A,可以正常調(diào)出分享界面以及分享定制信息。

代碼:

我們使用了js函數(shù)來加載微信的JSSDK以及配置代碼,有點(diǎn)類似于某些H5的游戲引擎:

    var loadSingleScript = function (src, callback) {
        var s = document.createElement('script');
        s.async = false;
        s.src = src;
        s.addEventListener('load', function () {
            s.parentNode.removeChild(s);
            s.removeEventListener('load', arguments.callee, false);
            callback();
        }, false);
        document.body.appendChild(s);
    };

然后在index頁面上執(zhí)行:

loadSingleScript("../../weixin/wxwp.js?v="+Math.random(),function(){});

加上版本號(hào)可防止不受到緩存影響

在 wxwp.js 里面,我們依葫蘆畫瓢加載微信的JS-SDK并做好相關(guān)初始化和配置:

var wxjsload = document.createElement('script');
wxjsload.async = false;
wxjsload.src = "http://res.wx.qq.com/open/js/jweixin-1.2.0.js";
wxjsload.addEventListener('load', function () {
            wxjsload.parentNode.removeChild(wxjsload);
            wxjsload.removeEventListener('load', arguments.callee, false);
            var xhr = new XMLHttpRequest();
            xhr.open('POST', '../../getwxconfigdata', true); //向服務(wù)器要簽名
            xhr.addEventListener("load", function () {
                // 獲得必要數(shù)據(jù),初始化WX
                wx.config({.....});
                wx.ready(function(){
                    //初始化成功,定制分享信息(服務(wù)器請(qǐng)求返回的定制信息)
                    wx.onMenuShareAppMessage({....});
                    wx.onMenuShareTimeline({....});
                });
            });
            xhr.send(null);
            //
        }, false);
document.body.appendChild(wxjsload);

微信JSSDK配置里均按照文檔的要求來寫,權(quán)限接口啥的均無低級(jí)錯(cuò)誤問題。

由于小A可以點(diǎn)擊“分享到朋友圈”并正常調(diào)出對(duì)話框,而且定制信息也正常,所以我們不認(rèn)為網(wǎng)頁里的js代碼出了嚴(yán)重的問題(比如簽名之類的)。但是我們?cè)噲D調(diào)整一下代碼,發(fā)現(xiàn)如下規(guī)律:

1、將wx.onMenuShareAppMessage({....});注釋掉,去掉定制信息后,小A馬上就能分享給朋友了(雖然沒有了定制的效果),一旦加上這行語句,小A就立馬分享不了。

2、同一個(gè)域名下另外一個(gè)網(wǎng)頁B也包含同一個(gè)公眾號(hào)下的定制分享但不是使用上述wxwp.js進(jìn)行配置的,小A可以正常打開網(wǎng)頁并分享到朋友。這點(diǎn)排除了微信單獨(dú)把小A+特定域名分享封號(hào)屏蔽的可能。

3、試圖在wx.onMenuShareAppMessage({....});加入fail:function(){...};提醒是否有任何錯(cuò)誤,結(jié)果未有任何提醒。

回答
編輯回答
陌璃

后續(xù):這個(gè)問題會(huì)神奇地自己恢復(fù),特別是用戶反復(fù)登錄到其他手機(jī)上再登回來就自動(dòng)好了?,F(xiàn)在嚴(yán)重懷疑是微信在特定情況下的BUG

2018年5月4日 17:40