微信調用jsapi報錯: config:invalid signature (java+js代碼)

先去把官方demo 下載過來,
寫一個簡單頁面, 加一個按鈕,下面js代碼貼出來
通過按鈕觸發下面的onLoad函數,就可以拿到數據了.

	<script type="text/javascript">
		let base_url = location.href.split('#')[0] //獲取真實地址
		console.log(encodeURIComponent(base_url));//編碼
		$.ajax({
			async: false,
			url: 'http://api.xxx.cn/api/jsapi_config?url=' + encodeURIComponent(base_url) + '', //api.xxx.cn  這個地址要提前設置,公衆號->公衆號設置-> JS接口安全域名  
			success: function (data) {
				console.log("11111====>",data.nonceStr)
				wx.config({
					debug: true, // 開啓調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時纔會打印。
					appId: data.appId, // 'wxb41fa7a42e19cf1e', // 必填，公衆號的唯一標識
					timestamp: data.timestamp,  //必填，生成簽名的時間戳
					nonceStr: data.nonceStr,  //必填，生成簽名的隨機串
					signature: data.signature, //必填，簽名
					jsApiList: data.jsApiList  ,    // 必填，需要使用的JS接口列表
				});
			},
			error: function (err) {
				console.log("error")
			}

		})


		function onLoad() {
			wx.getLocation({
				type: 'wgs84', // 默認爲wgs84的gps座標，如果要返回直接給openLocation用的火星座標，可傳入'gcj02'
				success: function (res) {
					var latitude = res.latitude; // 緯度，浮點數，範圍爲90 ~ -90
					var longitude = res.longitude; // 經度，浮點數，範圍爲180 ~ -180。
					var speed = res.speed; // 速度，以米/每秒計
					var accuracy = res.accuracy; // 位置精度
					var mydata = {}
					mydata.latitude = res.latitude;
					mydata.lng = res.longitude;
					mydata.speed = res.speed;
					mydata.accuracy = res.accuracy;
					wx.request({
						url: 'api.myfda.cn/getWeixinInfo',
						data: mydata,
						method: 'PUT',
						success: function (res) {
							console.log('success !!!!');
							console.log(res);
						},
						fail: function (res) {
						},
						complete: function (res) {
						}
					})
				}
			});
		}
	</script> 

java代碼,也從官方demo裏拷出來的,還要加上access_token緩存+jsapi_ticket緩存 ,幾個配置字段,通過接口返回

import java.util.UUID;
import java.util.Map;
import java.util.HashMap;
import java.util.Formatter;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import java.io.UnsupportedEncodingException;  

class Sign {
    public static void main(String[] args) {
        String jsapi_ticket = "jsapi_ticket";

        // 注意 URL 一定要動態獲取，不能 hardcode
        String url = "http://example.com";
        Map<String, String> ret = sign(jsapi_ticket, url);
        for (Map.Entry entry : ret.entrySet()) {
            System.out.println(entry.getKey() + ", " + entry.getValue());
        }
    };

    public static Map<String, String> sign(String jsapi_ticket, String url) {
        Map<String, String> ret = new HashMap<String, String>();
        String nonce_str = create_nonce_str();
        String timestamp = create_timestamp();
        String string1;
        String signature = "";

        //注意這裏參數名必須全部小寫，且必須有序
        string1 = "jsapi_ticket=" + jsapi_ticket +
                  "&noncestr=" + nonce_str +
                  "&timestamp=" + timestamp +
                  "&url=" + url;
        System.out.println(string1);

        try
        {
            MessageDigest crypt = MessageDigest.getInstance("SHA-1");
            crypt.reset();
            crypt.update(string1.getBytes("UTF-8"));
            signature = byteToHex(crypt.digest());
        }
        catch (NoSuchAlgorithmException e)
        {
            e.printStackTrace();
        }
        catch (UnsupportedEncodingException e)
        {
            e.printStackTrace();
        }

        ret.put("url", url);
        ret.put("jsapi_ticket", jsapi_ticket);
        ret.put("nonceStr", nonce_str);
        ret.put("timestamp", timestamp);
        ret.put("signature", signature);

        return ret;
    }

    private static String byteToHex(final byte[] hash) {
        Formatter formatter = new Formatter();
        for (byte b : hash)
        {
            formatter.format("%02x", b);
        }
        String result = formatter.toString();
        formatter.close();
        return result;
    }

    private static String create_nonce_str() {
        return UUID.randomUUID().toString();
    }

    private static String create_timestamp() {
        return Long.toString(System.currentTimeMillis() / 1000);
    }
}

我最終的問題是因爲簽名字段nonceStr傳值寫死了.導致一直提示config:invalid signature ,

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62

解決方案肯定是安照官方文案去查排:

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），因爲頁面一旦分享，微信客戶端會在你的鏈接末尾加入其它參數，如果不是動態獲取當前鏈接，將導致分享後的頁面簽名失敗。

總結: 要好好看文檔,安照文檔 把各個端的接口,api地址,公衆號設置都先調好,再去測試微信的代碼.
PS:微信接口所有的錯誤返回結果都是:config:invalid signature,沒有api接口 || 在測試公衆號上||沒設置js安全域名 || 白名單沒設置 都提示了驗籤失敗…