调用微信的JS SDK遭遇：invalid signature

最新推荐文章于 2023-06-14 19:18:23 发布

weixin_34318272

最新推荐文章于 2023-06-14 19:18:23 发布

阅读量183

点赞数

CC 4.0 BY-SA版权

文章标签：前端 php java ViewUI

原文链接：https://my.oschina.net/ltsoft/blog/655051

为什么80%的码农都做不了架构师？>>>

1.首先确认签名算法是正确的，到http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign页面工具进行校验。也就是你自己后台生成签名要和微信校验算法生成的签名一致才可以。

2.还有一个笔者曾遇到的坑，看到微信SDK上说token和ticket需要在服务器做缓存，有效期是7200秒，写代码的时候没有仔细思索，导致把生成的签名也给缓存了，用几次就报invalid signature，后来仔细读文档之后，果断改为每次打开页面都重新生成签名即可，token和ticket依然被缓存，但timestamp是变化的，因此每次签名也是不同的。

3.参与签名的字段包括有效的 jsapi_ticket（获取方式详见微信JSSDK文档）， noncestr （随机字符串，由开发者随机生成），timestamp （由开发者生成的当前时间戳）， url（当前网页的URL，不包含#及其后面部分。

4.特别注意：你在利用参数生成签名的时候，要对所有待签名参数按照字段名的 ASCII 码从小到大排序（字典序）后，使用 URL 键值对的格式（即key1=value1&key2=value2…）拼接成字符串 string1。这里需要注意的是所有参数名均为小写字符。

5.确认config中nonceStr（js中驼峰标准大写S）, timestamp与用以签名中的对应noncestr, timestamp一致。

6.确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认)，包括'http(s)://'部分，以及'？'后面的GET参数部分,但不包括'#'hash后面的部分。因为页面一旦分享，微信客户端会在你的链接末尾加入其它参数，如果不是动态获取当前链接，将导致分享后的页面签名失败。

一、问题说明

如果出现 invalid signature，首先可以确定的是你的签名算法有问题。

建议：首先查看微信官方网站给出的解决方案，链接为 http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

invalid signature签名错误。建议按如下顺序检查：

错误2、每次后台网页更新之后，微信访问效果没有出来。

问题：手机端，网页缓冲导致。

解决方案：重启手机，再试一下。

错误3、微信分享接口，可以在自己的网页上面自定义一个按钮，当用户点击的时候完成分享。

问题：我最开始也是这样想的，后来发现，原来不是这样的，只有当你用微信客户端打开，在最上面右边的 “分享到朋友圈”按钮按的时候效果才会出来。

错误4、微信图像接口 permission denied

首先查看微信给出的错误说明：该公众号没有权限使用这个JSAPI（部分接口需要认证之后才能使用）。

说明：只要通过了公众号认证，都不会有问题。

检查对象：如果出现这个说明程序上基本上不会有问题微信后台已经返回了数据。

第一、要检查你的config 文件中相应的 jsapilist 是否包含了该接口哟。

/***用户打开页面的时候就加载**/

$(document).ready( function (){

initPage();

});

function initPage() {

//alert(window.location.href);/***用于获得当前连接url用**/

/***用户点击分享到微信圈后加载接口接口*******/

$.post( "http://******" ,{ "url" :window.location.href}, function (data,status){

data=eval( "(" +data+ ")" );

wx.config({

debug: false ,

appId: 'wxa7a1ad4cc5116437' ,

timestamp:data.timestamp,

nonceStr:data.noncestr,

signature:data.signature,

jsApiList: [

'checkJsApi' ,

'onMenuShareTimeline' ,

'hideOptionMenu' ,

]

});

wx.ready( function (){

wx.hideOptionMenu();/***隐藏分享菜单****/

});

};

说明：这一块我是通过写一个方法，然后用户用AJax 的post 获得这样的请求，然后参数是URL。

确认签名算法正确，可用 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。也就是你自己后台生成签名要和微信校验算法生成的签名一致才可以（可能大小写不同）。
注意：
签名生成规则如下：
参与签名的字段包括有效的 jsapi_ticket（获取方式详见微信 JSSDK 文档）， noncestr （随机字符串，由开发者随机生成），timestamp （由开发者生成的当前时间戳）， url（当前网页的URL，不包含#及其后面部分。注意：对于没有只有域名没有 path 的 URL ，浏览器会自动加上 / 作为 path，如打开 http://qq.com 则获取到的 URL 为 http://qq.com/），这里最容易出错了，我用的是微信的url地址回调，这个url地址应该用返回生成的url地址，后面带有code=....等返回的参数。
特别注意：你在利用参数生成签名的时候，要对所有待签名参数按照字段名的 ASCII 码从小到大排序（字典序）后，使用 URL 键值对的格式（即key1=value1&key2=value2…）拼接成字符串 string1。这里需要注意的是所有参数名均为小写字符。
我的最开始的错误就是没有注意到生成签名的那几个参数要按照key=value的样式连接成一个字符串，然后在sha1加密生成。
?

1

/****Java写的参数拼接算法***/

String[] paramArr = new String[] { "jsapi_ticket=" + jsapi_ticket,

"timestamp=" + timestamp, "noncestr=" + nonce, "url=" + jsurl };

Arrays.sort(paramArr);

// 将排序后的结果拼接成一个字符串

String content = paramArr[ 0 ].concat( "&" +paramArr[ 1 ]).concat( "&" +paramArr[ 2 ])

.concat( "&" +paramArr[ 3 ]);

System.out.println( "拼接之后的content为:" +content);

确认config中nonceStr（js中驼峰标准大写S）, timestamp与用以签名中的对应noncestr, timestamp一致。
确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认)，包括'http(s)://'部分，以及'？'后面的GET参数部分,但不包括'#'hash后面的部分。
确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。
确保一定缓存access_token和jsapi_ticket。
确保你获取用来签名的url是动态生成的，动态页面可参见实例代码中php的实现方式。如果是html的静态页面在前端通过ajax将url传到后台签名，前端需要用js获取当前页面除去'#'hash部分的链接（可用location.href.split('#')[0]获取），因为页面一旦分享，微信客户端会在你的链接末尾加入其它参数，如果不是动态获取当前链接，将导致分享后的页面签名失败。

二、实例说明

获得jsticket

public static String getjsTicket(String accesstoken) {

String appid = "XXXXXXX" ;

String appsecret = "XXXX" ;

String result = "" ;

String url = js_ticketurl.replace( "ACCESS_TOKEN" , accesstoken);

System.out.println( "查看js_url:" + url);

// 调用接口返回json字符串

JSONObject jsonObject = httpRequest(url, "GET" , "" );

System.out.println( "查看红的js_ticket:" + jsonObject.toString());

if ( null != jsonObject) {

result = jsonObject.getString( "ticket" ); // 获得ticket

System.out.println( "ticket为:" + result);

}

return result;

}

获得signature

// 获得js signature

public static String getSignature(String jsapi_ticket, String timestamp,

String nonce, String jsurl) throws IOException {

/****

* 对 jsapi_ticket、 timestamp 和 nonce 按字典排序对所有待签名参数按照字段名的 ASCII

* 码从小到大排序（字典序）后，使用 URL 键值对的格式（即key1=value1&key2=value2…）拼接成字符串

* string1。这里需要注意的是所有参数名均为小写字符。 接下来对 string1 作 sha1 加密，字段名和字段值都采用原始值，不进行

* URL 转义。即 signature=sha1(string1)。

* **如果没有按照生成的key1=value&key2=value拼接的话会报错

*/

String[] paramArr = new String[] { "jsapi_ticket=" + jsapi_ticket,

"timestamp=" + timestamp, "noncestr=" + nonce, "url=" + jsurl };

Arrays.sort(paramArr);

// 将排序后的结果拼接成一个字符串

String content = paramArr[ 0 ].concat( "&" +paramArr[ 1 ]).concat( "&" +paramArr[ 2 ])

.concat( "&" +paramArr[ 3 ]);

System.out.println( "拼接之后的content为:" +content);

String gensignature = null ;

try {

MessageDigest md = MessageDigest.getInstance( "SHA-1" );

// 对拼接后的字符串进行 sha1 加密

byte [] digest = md.digest(content.toString().getBytes());

gensignature = byteToStr(digest);

} catch (NoSuchAlgorithmException e) {

e.printStackTrace();

}

// 将 sha1 加密后的字符串与 signature 进行对比

if (gensignature != null ) {

return gensignature; // 返回signature

} else {

return "false" ;

}

// return (String) (ciphertext != null ? ciphertext: false);

}

/**

* 将字节数组转换为十六进制字符串

*

* @param byteArray

* @return

*/

private static String byteToStr( byte [] byteArray) {

String strDigest = "" ;

for ( int i = 0 ; i < byteArray.length; i++) {

strDigest += byteToHexStr(byteArray[i]);

}

return strDigest;

}

/**

* 将字节转换为十六进制字符串

*

* @param mByte

* @return

*/

private static String byteToHexStr( byte mByte) {

char [] Digit = { '0' , '1' , '2' , '3' , '4' , '5' , '6' , '7' , '8' , '9' , 'A' ,

'B' , 'C' , 'D' , 'E' , 'F' };

char [] tempArr = new char [ 2 ];

tempArr[ 0 ] = Digit[(mByte >>> 4 ) & 0X0F ];

tempArr[ 1 ] = Digit[mByte & 0X0F ];

String s = new String(tempArr);

return s;

}

转载于:https://my.oschina.net/ltsoft/blog/655051