先来图片一张,看看效果(一个采用Crypto-JS实现的工具展示):
CryptoJS (crypto.js) 为 JavaScript 提供了各种各样的加密算法。目前已支持的算法包括:
- MD5
- SHA-1
- SHA-256
- AES
- Rabbit
- MARC4
- HMAC
- HMAC-MD5
- HMAC-SHA1
- HMAC-SHA256
- PBKDF2
CryptoJS是一个纯javascript写的加密类库(下载),我们使用它只需要加入相关的引用即可:
散列/哈希示例1:
<script type="text/javascript" src="http://www.osctools.net/js/CryptoJS/components/core-min.js"></script>
<script type="text/javascript" src="http://www.osctools.net/js/CryptoJS/rollups/md5.js"></script>
<script type="text/javascript">
alert("你好,欢迎来到开源中国在线工具,这是一个MD5测试 MD5:"+CryptoJS.MD5("你好,欢迎来到开源中国在线工具,这是一个MD5测试"));
</script>
上面就一行代码就可以轻松搞定一个MD5的哈希,使用非常方便。
同样,如果你想进行sha1、sha256等等诸多哈希算法,只需要引入相关的库就行了。
对于 HMAC-sha1 、HMAC-sha256、HMAC-md5等,用法是这样:
散列/哈希示例2
<script type="text/javascript" src="http://www.osctools.net/js/CryptoJS/components/core-min.js"></script>
<script type="text/javascript" src="http://www.osctools.net/js/CryptoJS/rollups/hmac-md5.js"></script>
<script type="text/javascript">
var pwd="password";
alert("你好,欢迎来到开源中国在线工具,这是一个MD5测试 Hmac-MD5: "+CryptoJS.HmacMD5("你好,欢迎来到开源中国在线工具,这是一个MD5测试",pwd));
</script>
PBKDF2哈希算法
这里将PBKDF2算法单独列出来,是因为他稍有不同,看如下代码:
散列/哈希示例3
<script type="text/javascript" src="http://www.osctools.net/js/CryptoJS/components/core-min.js"></script>
<script type="text/javascript" src="http://www.osctools.net/js/CryptoJS/rollups/pbkdf2.js"></script>
<script type="text/javascript">
var salt=CryptoJS.enc.Utf8.parse("salt"); //盐
var iter=1000; //迭代次数
var mi=CryptoJS.PBKDF2("你好,欢迎来到开源中国在线工具,这是一个PBKDF2测试", salt,
{ keySize: parseInt(4),
iterations: parseInt(iter) }
);
alert("你好,欢迎来到开源中国在线工具,这是一个PBKDF2测试:----------哈希值:"+mi);
</script>
加密/解密
加密解密示例1:
<script type="text/javascript" src="http://www.osctools.net/js/CryptoJS/components/core-min.js"></script>
<script type="text/javascript" src="http://www.osctools.net/js/CryptoJS/rollups/aes.js"></script>
<script type="text/javascript">
var pwd="我的密码";
var mi=CryptoJS.AES.encrypt("你好,欢迎来到开源中国在线工具,这是一个AES加密测试",pwd);
alert("你好,欢迎来到开源中国在线工具,这是一个AES加密测试----密文:"+mi);
var result=CryptoJS.AES.decrypt(mi,pwd).toString(CryptoJS.enc.Utf8);
alert("解密结果:"+result);
</script>
同样的,几种加密算法的使用方法都比较类似,需要使用哪个引入相关的js文件就ok了。
这里的在线加密/解密,散列/哈希工具是使用这个库构建的:http://www.osctools.net/encrypt
来源:oschina
链接:https://my.oschina.net/u/82993/blog/69826