微信公众号的签名一般是服务器后端完成的，但有时候我们要调用官方jssdk里面的一些分享、图像、扫一扫等安全性要求不是很高的接口时，其实可以前端直接签名调用。本文为大家分享一下前端js实现微信公众号签名算法。

一.参数排序

参数按字母排序并连接起来

(这里的三个入参只是示例演示，大家调用的时候请修改成正确的)

var inJsTicket = 'ticket';

var inNoncestr = 'abcdefghijklmnop';

var inTimestamp = '1506304549';

var url = 'http://abc.com';

var str = 'jsapi_ticket=' + inJsTicket + '&noncestr=' + inNoncestr + '&timestamp=' +

inTimestamp + '&url=' + url;

二.调用sha1

var chrsz = 8;

var hexcase = 0;

var b64pad = '';

function hexSha1(s) {

return binb2hex(core_sha1(str2binb(s), s.length * chrsz));

}

function binb2hex(binarray) {

var hex_tab = hexcase ? '0123456789ABCDEF' : '0123456789abcdef';

var str = '';

for (var i = 0; i < binarray.length * 4; i++) {

str += hex_tab.charAt((binarray[i >> 2] >> ((3 - i % 4) * 8 + 4)) & 0xF) + hex_tab.charAt((binarray[i >> 2] >> ((3 - i % 4) * 8)) & 0xF);

}

return str;

}

function str2binb(str) {

var bin = [];

var mask = (1 << chrsz) - 1;

for (var i = 0; i < str.length * chrsz; i += chrsz) {

bin[i >> 5] |= (str.charCodeAt(i / chrsz) & mask) << (24 - i % 32);

}

return bin;

}

function core_sha1(x, len) {

/* append padding */

x[len >> 5] |= 0x80 << (24 - len % 32);

x[((len + 64 >> 9) << 4) + 15] = len;

var w = new Array(80);

var a = 1732584193;

var b = -271733879;

var c = -1732584194;

var d = 271733878;

var e = -1009589776;

for (var i = 0; i < x.length; i += 16) {

var olda = a;

var oldb = b;

var oldc = c;

var oldd = d;

var olde = e;

for (var j = 0; j < 80; j++) {

if (j < 16) {

w[j] = x[i + j];

} else {

w[j] = rol(w[j - 3] ^ w[j - 8] ^ w[j - 14] ^ w[j - 16], 1);

}

var t = safe_add(safe_add(rol(a, 5), sha1_ft(j, b, c, d)), safe_add(safe_add(e, w[j]), sha1_kt(j)));

e = d;

d = c;

c = rol(b, 30);

b = a;

a = t;

}

a = safe_add(a, olda);

b = safe_add(b, oldb);

c = safe_add(c, oldc);

d = safe_add(d, oldd);

e = safe_add(e, olde);

}

return [a, b, c, d, e];

}

function safe_add(x, y) {

var lsw = (x & 0xFFFF) + (y & 0xFFFF);

var msw = (x >> 16) + (y >> 16) + (lsw >> 16);

return (msw << 16) | (lsw & 0xFFFF);

}

function rol(num, cnt) {

return (num << cnt) | (num >>> (32 - cnt));

}

function sha1_kt(t) {

return (t < 20) ? 1518500249 : (t < 40) ? 1859775393 : (t < 60) ? -1894007588 : -899497514;

}

function sha1_ft(t, b, c, d) {

if (t < 20) {

return (b & c) | ((~b) & d);

} else if (t < 40) {

return b ^ c ^ d;

} else if (t < 60) {

return (b & c) | (b & d) | (c & d);

} else {

return b ^ c ^ d;

}

}

var signature = hexSha1(str);

输出结果为：af23c80b33b2420eb52bcb60f99f62f9b40cddd2

三.比较官网在线校验工具结果

获取的签名结果是一致的