JavaScript实现AES算法加密和解密
JavaScript的加密和解密用的是google的CryptoJS库。本文以AES/ECB/NoPadding为例展示AES加密和解密的方法。
需要下载CryptoJS库，下载地址如下：
https://github.com/sytelus/CryptoJS
需要引入库文件：
<script src="./CryptoJS-master/rollups/aes.js"></script>
<script src="./CryptoJS-master/components/mode-ecb.js"></script>
<script src="./CryptoJS-master/components/pad-nopadding.js"></script>
加密方法：
function encrypt(str) {
var decArray = hexStrToDecArray(str);
var wordArray = int8parse(decArray);
var encrypted = CryptoJS.AES.encrypt(wordArray, aesKeyBytes(), {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.NoPadding
});
return wordArrayToHexStr(encrypted.ciphertext.words);
}
这个方法传入的是十六进制字符串，格式为"AA BB CC DD EE FF"；
hexStrToDecArray()方法用来将十六进制字符串转换成十进制数字的数组；
int8parse()方法用来将十进制数字转换成CryptoJS所需要的wordArray数组；
最后，encrypt()方法加密得到的是一个wordArray数组，wordArrayToHexStr()再将其解析成十六进制字符串。
解密方法：
function decrypt(str) {
var decArray = hexStrToDecArray(str);
var wordArray = int8parse(decArray);
var base64Str = CryptoJS.enc.Base64.stringify(wordArray);
var decrypted = CryptoJS.AES.decrypt(base64Str, aesKeyBytes(), {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.NoPadding
});
return wordArrayToHexStr(decrypted.words);
}
解密方法同加密方法类似，但是CryptoJS.AES.decrypt()方法需要传入Base64格式的加密字符串，因此这里需要先使用CryptoJS.enc.Base64.stringify()方法做一次转换。
以下是完整的Demo代码：
<!DOCTYPE html>
<html>
<head>
<script src="./CryptoJS-master/rollups/aes.js"></script>
<script src="./CryptoJS-master/components/mode-ecb.js"></script>
<script src="./CryptoJS-master/components/pad-nopadding.js"></script>
<script>
function encryptText() {
var plain = document.getElementById("plain").value;
console.log("plain: " + plain);
var encrypted = encrypt(plain);
console.log("encrypted: " + encrypted);
document.getElementById("encrypted").value = encrypted;
} function decryptText() {
var encrypted = document.getElementById("todecrypt").value;
console.log("encrypted: " + encrypted);
var decrypted = decrypt(encrypted);
console.log("decrypted: " + decrypted);
document.getElementById("decrypted").value = decrypted;
} // 加解密用到的密钥
function aesKeyBytes() {
var key_Int = new Int8Array([65, 144, 48, 53, 18, 52, 86, 120, 131, 116, 124, 139, 237, 203, 169, 135]);
var keyBytes = int8parse(key_Int);
return keyBytes;
} // 十六进制字符串数组，个数如果不足16整数倍则补0
function hexTo16Hex(str) {
var diff = 16 - (str.length + 1) / 3 % 16;
for(var i = 0; i < diff; i++) {
str = str + " 00";
}
return str;
} // AES加密
function encrypt(str) {
var decArray = hexStrToDecArray(str);
var wordArray = int8parse(decArray);
var encrypted = CryptoJS.AES.encrypt(wordArray, aesKeyBytes(), {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.NoPadding
});
return wordArrayToHexStr(encrypted.ciphertext.words);
} // AES解密
function decrypt(str) {
var decArray = hexStrToDecArray(str);
var wordArray = int8parse(decArray);
var base64Str = CryptoJS.enc.Base64.stringify(wordArray);
var decrypted = CryptoJS.AES.decrypt(base64Str, aesKeyBytes(), {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.NoPadding
});
return wordArrayToHexStr(decrypted.words);
} // 构建WordArray对象
function int8parse(u8arr) {
var len = u8arr.length;
var words = [];
for (var i = 0; i < len; i++) {
words[i >>> 2] |= (u8arr[i] & 0xff) << (24 - (i % 4) * 8);
}
return CryptoJS.lib.WordArray.create(words, len);
} // 十六进制字符串(空格分割)转成十进制数字的数组
function hexStrToDecArray(str) {
var strArray = str.split(" ");
var decArray = [];
for(var i = 0; i < strArray.length; i++) {
decArray.push(parseInt(strArray[i], 16));
}
return arrayTo16Array(decArray);
} // 十进制数组转成十六进制字符串
function decArrayToHexStr(array) {
var hexStr = "";
for(var i = 0; i < array.length; i++) {
var str = array[i].toString(16).toUpperCase();
if (str.length < 2) {
str = "0" + str;
}
hexStr = hexStr + str + " ";
}
return hexStr.substr(0, hexStr.length - 1);
} // word类型的十进制数组转成十六进制字符串
function wordArrayToHexStr(array) {
var hexStr = "";
for(var i = 0; i < array.length; i++) {
var num = array[i];
if (num < 0) {
num = array[i] + 0x100000000;
}
var str = num.toString(16).toUpperCase();
var fullStr = str;
if (str.length < 8) {
for(var j = 0; j < 8 - str.length; j++) {
fullStr = "0" + fullStr;
}
}
hexStr = hexStr + fullStr;
}
var ret = "";
for(var i = 0; i < hexStr.length; i += 2) {
ret = ret + hexStr.substr(i, 2) + " "
}
return ret.substr(0, ret.length - 1);
} // 数组元素个数必须是16的整数倍，不足的在后面补0
function arrayTo16Array(array) {
var len = array.length;
var distLen = parseInt((array.length - 1) / 16) * 16 + 16;
for(var i = array.length; i < distLen; i++) {
array[i] = 0;
}
return array;
}
</script>
</head>
<body>
<h1>加解密测试</h1>
AES128，ECB模式，PaddingModeZeros，不足部分补0
<br>
<input id="plain" type="text" style="width:500px; height:20px;"/>
<button type="button" onclick="encryptText()">加密</button>
<input id="encrypted" type="text" style="width:500px; height:20px;" />
<br>
<br>
<br>
<input id="todecrypt" type="text" style="width:500px; height:20px;"/>
<button type="button" onclick="decryptText()">解密</button>
<input id="decrypted" type="text" style="width:500px; height:20px;" />
</body>
</html>
在浏览器中打开之后效果如下：
输入要加密或解密的字符串，点击加密/解密按钮即可。
JavaScript实现AES算法加密和解密的更多相关文章
- ORACLE 字段AES算法加密、解密
ORACLE 字段AES算法加密.解密(解决中文乱码问题)2014年02月12日 17:13:37 华智互联 阅读数:97971.加解密函数入口 CREATE OR REPLACE FUNCTION ...
- JAVA实现AES的加密和解密算法
原文 JAVA实现AES的加密和解密算法 import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; import ja ...
- C#与Java互通AES算法加密解密
/// <summary>AES加密</summary> /// <param name="text">明文</param> /// ...
- .NET与Java互通AES算法加密解密
/// <summary>AES加密</summary> /// <param name="text">明文</param> /// ...
- AES对称加密和解密
package demo.security; import java.io.IOException; import java.io.UnsupportedEncodingException; impo ...
- java的AES对称加密和解密，有偏移量
import java.math.BigDecimal; import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; i ...
- AES对称加密和解密（转）
AES对称加密和解密 package demo.security; import java.io.IOException; import java.io.UnsupportedEncodingExce ...
- AES块加密与解密
AES块加密与解密 解密目标 在CBC和CTR两种模式下分别给出十篇加密的样例密文,求解密一篇特定的密文 解密前提 全部密文及其加密使用的key都已给出 加密的方法遵循AES的标准 解密过程分析 实验 ...
- java sm4国密算法加密、解密
java sm4国密算法加密.解密 CreationTime--2018年7月5日09点20分 Author:Marydon 1.准备工作 所需jar包: bcprov-jdk15on-1.59. ...
随机推荐
- package-lock.json到底是干嘛的？（转载）
package-lock.json到底是干嘛的? https://mp.weixin.qq.com/s/NaVVljKrQAFmHMdbkaYmPg## nvm-windows https://git ...
- 11.3NOIP模拟赛
/* 考虑贪心 把原序列排序后,对于原中位数往后所有比要更改到的值小的都改成它 正确性显然. */ #include<iostream> #include<cstdio> #i ...
- Vue父子组件传值之——访问根组件$root、$parent、$children和$refs
Vue组件传值除了prop和$emit,我们还可以直接获取组件对象: 根组件: $root // 单一对象 表示当前组件树的根 Vue 实例,即new Vue({...根组件内容}).如果当前实例没有 ...
- WPF-DataGrid(数据表格)美化
我们不多哔哔先上图: 数据表格使用背景: 当我们在做二次开发发现我我们的表格无法向WEB的表格一样好看,这时我们就需要对数据表格进行美化和重构 表格美化思维引导: WPF数据表格是由表头和表体(内容) ...
- Person p = new Person("zhangsan",20);该句话都做了什么事情？
1,因为new用到了Person.class.所以会先找到Person.class文件并加载到内存中.2,执行该类中的static代码块,如果有的话,给Person.class类进行初始化.3,在堆内 ...
- 转 叫板OpenStack:用Docker实现私有云
http://www.cnblogs.com/alexkn/p/4239457.html 看到各大厂商的云主机,会不会觉得高大上?目前大公司的主流方案是OpenStack,比如某个公司的私有云
- [转]asp.net 跨域单点登录
本文转自:http://tech.e800.com.cn/articles/2009/814/1250212319986_1.html 单点登录(Single Sign On),简称为 SSO,是目前 ...
- Laravel环境搭建
在有了初步认知后,当然就要开始在自己的电脑上搭建Laravel的开发环境了. 系统环境需求 PHP 5.3.7或者更高版本,如果没有系统没有安装PHP环境的,请到下面地址下载:http://cn2.p ...
- AJPFX总结Java 类与对象的初始化
面试的时候,经常会遇到这样的笔试题:给你两个类的代码,它们之间是继承的关系,每个类里只有构造器方法和静态块,它们只包含一些简单的输出字符串到控制台的代码,然后让我们写出正确的输出结果.这实际上是在考察 ...
- webpack2代码分割
代码分割-CSS 要通过webpack打包CSS,像任何其他模块一样将CSS导入JavaScript代码,并使用css-loader(它输出CSS作为JS模块), 并可选地应用ExtractTextW ...