在小程序使用jsEncrypt.js
问题描述由于jsEncrypt.js代码里面含有window、document、navigator对象,这些对象可以在pc端的浏览器使用,但是小程序没有这些对象,所以直接在小程序引入jsEncrypt.js会直接报错,下面主要介绍如何在jsEncrypt.js里面对这些对象进行兼容。 jsEncrypt.js介绍功能一种RSA加密的解决方案。 这种加密模式被称为"非对称加密算法"。 (1)乙方生成两把密钥(公钥和私钥)。公钥是公开的,任何人都可以获得,私钥则是保密的。 (2)甲方获取乙方的公钥,然后用它对信息加密。 (3)乙方得到加密后的信息,用私钥解密。 如果公钥加密的信息只有私钥解得开,那么只要私钥不泄漏,通信就是安全的。 使用场景加密验证码。 [代码]// 实例化JSEncrypt对象。并设置公钥[代码] [代码]var cryptFirst = new JSEncrypt();[代码] [代码]cryptFirst.setPublicKey('-----BEGIN PUBLIC KEY-----
MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBALQCZoxawKSTyMTLEU5QlYNVIOBMafGq
vVGp6bFv2gQ8Px5ZJVzIG1TjIUQo1IpGQBgC+JSJFaGLsv196dlcloUCAwEAAQ==
-----END PUBLIC KEY-----');[代码][代码]// 实例化JSEncrypt对象。并设置私钥[代码] [代码]var cryptSec = new JSEncrypt();[代码] [代码]cryptSec.setPrivateKey('-----BEGIN PRIVATE KEY-----
MIIBVQIBADANBgkqhkiG9w0BAQEFAASCAT8wggE7AgEAAkEAtAJmjFrApJPIxMsR
TlCVg1Ug4Exp8aq9UanpsW/aBDw/HlklXMgbVOMhRCjUikZAGAL4lIkVoYuy/X3p
2VyWhQIDAQABAkBwdoN9MwHikNZBZSGFzUDsEZZ9rCAQtXycdcykZ95NAA5Mlb0j
77FLUhON8XEa+YVORwYn2GoP+ZZxGib7OtYBAiEA4nJRIzFn2Yr6y36r1rI6GP28
lxEDe5z/wytqm+XFswUCIQDLgJis+LVfzLM0MLVzDyuEy2GoLY46+WnaW8J2PSet
gQIhANykSLzC2g6VJbN8VJFYjdVl/wkvMbaTjn4r4q/OnejFAiBPatgqaMUfpdsp
uviU9o6dPGHYKC8hhMRymuzBCAy8AQIhAJlTJgdsJD7cjDCvFOv5v2Xz1JQQp03I
vGjIsmEbdbEp
-----END PRIVATE KEY-----');
var text = 'secret';[代码][代码]// 使用公钥加密数据[代码] [代码]var enc = cryptFirst.encrypt(text);[代码] [代码]// 现在使用私钥解密数据[代码] [代码]var dec = cryptSec.decrypt(enc);[代码] [代码]console.log(dec === text); // true[代码]开始兼容处理源代码在线预览:源代码地址 兼容window.crypto源代码第2754行 [代码]if (window.crypto && window.crypto.getRandomValues) { // 生成长度为256,元素值为0的数组
var z = new Uint32Array(256); // 生成长度为256,元素随机值的数组
window.crypto.getRandomValues(z);
}[代码]兼容代码 [代码]var getRandomValues = function (array) { [代码] [代码] for (var i = 0, l = array.length; i < l; i++) {[代码] [代码] array[i] = Math.floor(Math.random() * 256);
} return array;[代码][代码]}[代码] [代码]var z = new Uint32Array(256);[代码] [代码]getRandomValues(z);[代码]兼容window.removeEventListener、window.detachEvent源代码 [代码]if (window.removeEventListener) { [代码] [代码] window.removeEventListener("mousemove", onMouseMoveListener_1, false);[代码] [代码]} else if ([代码]window.detachEvent) { window.detachEvent("onmousemove", onMouseMoveListener_1); [代码]}[代码]兼容处理: 直接删掉,监听的事件不会影响到加密和解密 兼容navigator.appName、navigator.userAgent源代码 [代码]if (j_lm && (navigator.appName == "Microsoft Internet Explorer")) {
BigInteger.prototype.am = am2;
dbits = 30;
} else if (j_lm && (navigator.appName != "Netscape")) {
BigInteger.prototype.am = am1;
dbits = 26;
} else { // Mozilla/Netscape seems to prefer am3
BigInteger.prototype.am = am3;
dbits = 28;
}[代码]兼容处理: 直接删掉。navigator主要是对浏览器的判断 最后去一个在线压缩js的网站压缩一下代码,然后在小程序里引入就搞定啦。 总结兼容处理其实比较简单粗暴,主要学到了一些第三方库在小程序的兼容处理其实很简单,不用太过畏惧修改源码。