井井客

搜索

JS加密解密库crypto-js

利用JS代码来实现加密解密,crypto-js推荐使用,包含AES(ENC,CBC..)、DES、MD5加密解密等方法。

JS加密解密库crypto-js

github地址:https://github.com/brix/crypto-js

这个页面就已经有了简短的使用说明,详细的使用方法在此就不多说了。

不过我并不是使用npm安装的,而是直接引入的文件。

下载的文件来源:CryptoJS v3.1.2.zip

举个例子:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试加密</title>
</head>
<body>
<label><span>手机:</span><input id='account' value="meimei"/></label>
<label><span>密码:</span><input id='password' value="123456"/></label>
<input type="submit" id="submit" />
<script src="rollups/aes.js"></script>
<script src="components/mode-ecb-min.js"></script>
<script>
//获取按钮元素
var subMit = document.getElementById('submit');
//定义密钥(AES用到)-一般为从服务器获取
var key = CryptoJS.enc.Utf8.parse('fb82fr0daq456m21');
//按钮元素添加onclick
subMit.onclick = function(){
	//点击获取account及password的值
	var account = document.getElementById('account').value,
		password = document.getElementById('password').value;
	//输出
	document.write('AES加密后帐号:' + CryptoJS.AES.encrypt(account, key, { mode:CryptoJS.mode.ECB,padding:CryptoJS.pad.Pkcs7}) + '<br/>');
	document.write('AES加密后密码:' + CryptoJS.AES.encrypt(password, key, { mode:CryptoJS.mode.ECB,padding:CryptoJS.pad.Pkcs7}));
}
</script>
</body>
</html>

需要注意的是:
(1)因为用的是AES加密且使用了ECB加密模式,所以引入了两个JS(上面可以下载相应Js);
(2)传入的密钥的值需要先处理一下,看到说是需要转成128bit..(具体也不清楚),之前没处理,加密的值一直会变。

有兴趣的童鞋可以试试

文章TAG:JS

作者:井井客原创来源:原创
本文标题:JS加密解密库crypto-js
本文链接:/c/22156.html

上一篇:JS遍历对象key-value(模拟)
下一篇:fullPage.js回调函数有大用!

文章分类

相关阅读

随便看看