微信開發，分享部分出現的問題

微信開發的過程當中，自定義分享，回去openid，支付，打開地圖等問題

一、簽名：

• url： 須要根據不一樣的頁面動態獲取，url不能進行encodeURIComponent，不然驗籤會失敗 url不能包括微信添加的#後邊的部分，因此應該處理爲：window.location.href.split('#')[0] 簽名用的url必須是調用JS接口頁面的完整URL。
• nonceStr、timestamp：應該動態生成，而不能hardcode 簽名用的noncestr和timestamp必須與wx.config中的nonceStr和timestamp相同
• 爲安全考慮，簽名必須在後臺進行，其餘調用js在前臺進行。

二、ticket和accesstoken：

• accesstoken：同調用微信其餘接口的accesstoken，必須全局緩存，以避免影響其餘業務，便是說：微信全部業務應該用同一個accesstoken去調用微信接口，而不能本身刷新accesstoken。
• ticket：同accesstoken同樣，必須全局緩存，方式不少，能夠放到數據庫，或者放到緩存。目前ticket的有效時間爲2小時，因此2小時內ticket未過時時，不能重複獲取，不然可能致使ticket獲取次數超過限額，致使sign失敗。

三、注意代碼執行順序

首先應該獲取簽名，簽名獲取後在調用wx.config方法，而後再執行wx.ready、wx.error方法。

四、其餘

每一個頁面加載完成後都應該從新從後臺獲取簽名信息，避免簽名失敗

具體開發步驟詳見官方文檔

五、官方常見問題及處理方法：

調用config 接口的時候傳入參數 debug: true 能夠開啓debug模式，頁面會alert出錯誤信息。如下爲常見錯誤及解決方法：

一、invalid url domain

當前頁面所在域名與使用的appid沒有綁定，請確認正確填寫綁定的域名，若是使用了端口號，則配置的綁定域名也要加上端口號（一個appid能夠綁定三個有效域名，見 目錄1.1.1）。

二、invalid signature簽名錯誤。

建議按以下順序檢查：

1. 確認簽名算法正確，可用 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 頁面工具進行校驗。

2. 確認config中nonceStr（js中駝峯標準大寫S）, timestamp與用以簽名中的對應noncestr, timestamp一致。

3. 確認url是頁面完整的url(請在當前頁面alert(location.href.split(‘#’)[0])確認)，包括’http(s)://’部分，以及’？’後面的GET參數部分,但不包括’#’hash後面的部分。

4. 確認 config 中的 appid 與用來獲取 jsapi_ticket 的 appid 一致。

5. 確保必定緩存access_token和jsapi_ticket。

6. 確保你獲取用來簽名的url是動態獲取的，動態頁面可參見實例代碼中php的實現方式。 若是是html的靜態頁面在前端經過ajax將url傳到後臺簽名，前端須要用js獲取當前頁面除去’#’hash部分的連接（可用location.href.split(‘#’)[0]獲取,並且須要encodeURIComponent），由於頁面一旦分享，微信客戶端會在你的連接末尾加入其它參數，若是不是動態獲取當前連接，將致使分享後的頁面簽名失敗。

三、the permission value is offline verifying

這個錯誤是由於config沒有正確執行，或者是調用的JSAPI沒有傳入config的jsApiList參數中。建議按以下順序檢查：

1. 確認config正確經過。
2. 若是是在頁面加載好時就調用了JSAPI，則必須寫在wx.ready的回調中。
3. 確認config的jsApiList參數包含了這個JSAPI。

四、permission denied

該公衆號沒有權限使用這個JSAPI，或者是調用的JSAPI沒有傳入config的jsApiList參數中（部分接口須要認證以後才能使用）。

五、function not exist

當前客戶端版本不支持該接口，請升級到新版體驗。

六、爲何6.0.1版本config:ok，可是6.0.2版本以後不ok

由於6.0.2版本以前沒有作權限驗證，因此config都是ok，但這並不意味着你config中的簽名是OK的，請在6.0.2檢驗是否生成正確的簽名以保證config在高版本中也ok。

七、在iOS和Android都沒法分享

請確認公衆號已經認證，只有認證的公衆號才具備分享相關接口權限，若是確實已經認證，則要檢查監聽接口是否在wx.ready回調函數中觸發

八、服務上線以後沒法獲取jsapi_ticket，本身測試時沒問題。

由於access_token和jsapi_ticket必需要在本身的服務器緩存，不然上線後會觸發頻率限制。請確保必定對token和ticket作緩存以減小2次服務器請求，不只能夠避免觸發頻率限制，還加快大家本身的服務速度。目前爲了方便測試提供了1w的獲取量，超過閥值後，服務將再也不可用，請確保在服務上線前必定全局緩存access_token和jsapi_ticket，二者有效期均爲7200秒，不然一旦上線觸發頻率限制，服務將再也不可用。

九、uploadImage怎麼傳多圖

目前只支持一次上傳一張，多張圖片需等前一張圖片上傳以後再調用該接口

十、無法對本地選擇的圖片進行預覽

chooseImage接口自己就支持預覽，不須要額外支持

十一、經過a連接(例如先經過微信受權登陸)跳轉到b連接，invalid signature簽名失敗

後臺生成簽名的連接爲使用jssdk的當前連接，也就是跳轉後的b連接，請不要用微信登陸的受權連接進行簽名計算，後臺簽名的url必定是使用jssdk的當前頁面的完整url除去’#’部分

十二、出現config:fail錯誤

這是因爲傳入的config參數不全致使，請確保傳入正確的appId、timestamp、nonceStr、signature和須要使用的jsApiList

1三、如何把jsapi上傳到微信的多媒體資源下載到本身的服務器

請參見文檔中uploadVoice和uploadImage接口的備註說明

1四、Android經過jssdk上傳到微信服務器，第三方再從微信下載到本身的服務器，會出現雜音

微信團隊已經修復此問題，目先後臺已優化上線

1五、綁定父級域名，是否其子域名也是可用的

是的，合法的子域名在綁定父域名以後是徹底支持的

1六、在iOS微信6.1版本中，分享的圖片外鏈不顯示，只能顯示公衆號頁面內鏈的圖片或者微信服務器的圖片，已在6.2中修復

1七、是否須要對低版本本身作兼容

jssdk都是兼容低版本的，不須要第三方本身額外作更多工做，但有的接口是6.0.2新引入的，只有新版纔可調用

1八、該公衆號支付簽名無效，沒法發起該筆交易

請確保你使用的jweixin.js是官方線上版本，不只能夠減小用戶流量，還有可能對某些bug進行修復，拷貝到第三方服務器中使用，官方將不對其出現的任何問題提供保障，具體支付簽名算法可參考 JSSDK微信支付一欄

1九、目前Android微信客戶端不支持pushState的H5新特性，因此使用pushState來實現web app的頁面會致使簽名失敗，此問題已在Android6.2中修復

20、uploadImage在chooseImage的回調中有時候Android會不執行

Android6.2會解決此問題，若需支持低版本能夠把調用uploadImage放在setTimeout中延遲100ms解決

2一、require subscribe錯誤說明你沒有訂閱該測試號，該錯誤僅測試號會出現

2二、getLocation返回的座標在openLocation有誤差

由於getLocation返回的是gps座標，openLocation打開的騰訊地圖爲火星座標，須要第三方本身作轉換，6.2版本開始已經支持直接獲取火星座標

2三、查看公衆號（未添加）: 「menuItem:addContact」不顯示

目前僅有從公衆號傳播出去的連接才能顯示，來源必須是公衆號

2四、ICP備案數據同步有一天延遲，因此請在第二日綁定

六、示例：

一、後臺獲取ticket方法：

public String cacheJsSDKTicket(String appid) throws IOException {
    Assert.hasLength(appid);
    String cachedTicket = spyMemcachedClient.get(WechatConst.Cache.CACHE_KEY + "TICKET");
    if (cachedTicket != null && !"".equals(cachedTicket)) {
        LOG.info("Ticket exists, return directly ...");
        return cachedTicket;
    }
    LOG.info("Ticket not exists, get from weixin ...");
    String accessToken = weChatApi.getAccessToken(appid);
    String ticket = weChatApi.getJsApiTicket(accessToken);
    // 7200秒過時
    int timeOut = 7200;
    spyMemcachedClient.safeSet(WechatConst.Cache.CACHE_KEY + "TICKET", timeOut, ticket);
    return ticket;
}

這裏我將ticket全局緩存到memorycache中。

二、後臺簽名方法：

@Override
    public String signJsSDK(String ticket, String url, String timestamp, String nonceStr) throws NoSuchAlgorithmException {
    Map map = new HashMap();
    map.put("noncestr", nonceStr);
    map.put("jsapi_ticket", ticket);
    map.put("timestamp", timestamp);
    map.put("url", url);
    String[] ss = {"noncestr", "jsapi_ticket", "timestamp", "url"};
    Arrays.sort(ss);
    String signStr = "";
    for (String s : ss) {
        signStr += s + "=" + map.get(s) + "&";
    }
    signStr = signStr.substring(0, signStr.length() - 1);
    return new SHA1().getDigestOfString(signStr.getBytes());
}

三、獲取簽名方法：

public void getJsSdkInfo(CspServiceContext serviceContext) throws IOException, NoSuchAlgorithmException {
    MessageObject mo = serviceContext.getRequestData();
    String url = (String) mo.getValue("url");
    String appid = (String) mo.getValue("appid");
    String timestamp = Long.toString(System.currentTimeMillis() / 1000);
    String nonceStr = UUID.randomUUID().toString(); 
    // 緩存ticket
    String ticket = memoryCacheManager.cacheJsSDKTicket(appid);
    // 簽名
    String sign = weChatApi.signJsSDK(ticket, url, timestamp, nonceStr); 
    Map resMap = new HashMap();
    resMap.put("appid", appid);
    resMap.put("ticket", ticket);
    resMap.put("sign", sign);
    resMap.put("nonceStr", nonceStr);
    resMap.put("timestamp", timestamp);

    Response resp = new Response(resMap);
    serviceContext.setResponseData(resp);
    serviceContext.setResult(Result.FAULT_RESULT);
}

四、前臺獲取jssdk：

function _wechatConfig(o) {
        wx.config({
            debug: debug, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來，若要查看傳入的參數，能夠在pc端打開，參數信息會經過log打出，僅在pc端時纔會打印。
            appId: o.appid, // 必填，公衆號的惟一標識
            timestamp: o.timestamp, // 必填，生成簽名的時間戳
            nonceStr: o.nonceStr, // 必填，生成簽名的隨機串
            signature: o.sign,// 必填，簽名，見附錄1
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage'
            ] // 必填，須要使用的JS接口列表，全部JS接口列表見附錄2
        });
    }
 
    function _getWechatJsSdkInfo(callback) {
        var s = W.Storage.get(W.location.href + "_" + area);
            var appid ='wx7e80e8f93543a5c8';
            ajaxJsonCall('/wechat/service/WeChat.getJsSdkInfo.json', {
                url: W.location.href.split('#')[0],
                appid: appid
            }, function (data) {
                if (data.rtnCode === "000000") {
                    var o = data.responseData;
                    W.Storage.set(W.location.href + "_" + area, o, jsSdkTimeout);
                    callback(o);
                } else {
                    W.Storage.remove(W.location.href + "_" + area);
                }
            }, false);
    }

_getWechatJsSdkInfo(_wechatConfig);

wx.checkJsApi({
    jsApiList: [
        'getLocation',
        'onMenuShareTimeline',
        'onMenuShareAppMessage'
    ],
    success: function (res) {
        //alert(JSON.stringify(res));
    }
});
 
//var url = "www.zaichengdu.com" + app_path;
var url = curDomain;
function _shareAppMessage() {
    // 頁面加載後設置微信分享給朋友的內容
    wx.onMenuShareAppMessage({
        title: '聖誕老人送禮啦，現金紅包人人領！', // 分享標題
        desc: '「聖誕奪包」35000份禮包等你拆！', // 分享描述
        link: encodeURI(curDomain + '/christmas/service/ChristmasSockOnline.home.do?area=cd'),//encodeURI(window.location.href.replace('&from=ad', '')), // 分享連接
        imgUrl: url + '/public/christmas/img/shorejoin.jpg', // 分享圖標
        type: '', // 分享類型,music、video或link，不填默認爲link
        dataUrl: '', // 若是type是music或video，則要提供數據連接，默認爲空
        success: function () {
            // 用戶確認分享後執行的回調函數
            //Message.toast.success("分享成功！").appear();
        },
        cancel: function () {
            // 用戶取消分享後執行的回調函數
            //alert('cancel');
        }
    });
}
 
function _shareTimeline() {
    // 設置分享到朋友圈的內容
    wx.onMenuShareTimeline({
        title: '聖誕老人送禮啦，現金紅包人人領！', // 分享標題
        link: encodeURI(curDomain + '/christmas/service/ChristmasSockOnline.home.do?area=cd'),//encodeURI(window.location.href.replace('&from=ad', '')), // 分享連接
        imgUrl: url + '/public/christmas/img/shorejoin.jpg', // 分享圖標
        success: function () {
            // 用戶確認分享後執行的回調函數
            Message.toast.success("分享成功！").appear();
        },
        cancel: function () {
            // 用戶取消分享後執行的回調函數
            //alert('cancel');
        }
    });
}
 
wx.ready(function () {
    // config信息驗證後會執行ready方法，全部接口調用都必須在config接口得到結果以後，config是一個客戶端的異步操做，因此若是須要在頁面加載時就調用相關接口，則須把相關接口放在ready函數中調用來確保正確執行。對於用戶觸發時才調用的接口，則能夠直接調用，不須要放在ready函數中。
    //alert('success');
    _shareAppMessage();
    _shareTimeline();
});
 
wx.error(function (res) {
    // config信息驗證失敗會執行error函數，如簽名過時致使驗證失敗，具體錯誤信息能夠打開config的debug模式查看，也能夠在返回的res參數中查看，對於SPA能夠在這裏更新簽名。
    //alert('error');
});
原文地址 https://blog.csdn.net/u011743396/article/details/62427452