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算法加密和解密的更多相关文章

  1. ORACLE 字段AES算法加密、解密

    ORACLE 字段AES算法加密.解密(解决中文乱码问题)2014年02月12日 17:13:37 华智互联 阅读数:97971.加解密函数入口 CREATE OR REPLACE FUNCTION ...

  2. JAVA实现AES的加密和解密算法

    原文 JAVA实现AES的加密和解密算法 import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; import ja ...

  3. C#与Java互通AES算法加密解密

    /// <summary>AES加密</summary> /// <param name="text">明文</param> /// ...

  4. .NET与Java互通AES算法加密解密

    /// <summary>AES加密</summary> /// <param name="text">明文</param> /// ...

  5. AES对称加密和解密

    package demo.security; import java.io.IOException; import java.io.UnsupportedEncodingException; impo ...

  6. java的AES对称加密和解密，有偏移量

    import java.math.BigDecimal; import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; i ...

  7. AES对称加密和解密（转）

    AES对称加密和解密 package demo.security; import java.io.IOException; import java.io.UnsupportedEncodingExce ...

  8. AES块加密与解密

    AES块加密与解密 解密目标 在CBC和CTR两种模式下分别给出十篇加密的样例密文,求解密一篇特定的密文 解密前提 全部密文及其加密使用的key都已给出 加密的方法遵循AES的标准 解密过程分析 实验 ...

  9. java sm4国密算法加密、解密

      java sm4国密算法加密.解密 CreationTime--2018年7月5日09点20分 Author:Marydon 1.准备工作 所需jar包: bcprov-jdk15on-1.59. ...

随机推荐

  1. 使用MvcMiniProfiler调试ASP.NET MVC网站性能

    http://www.cnblogs.com/qiuliang/archive/2011/12/01/2270909.html 使用MiniProfiler给Asp.net MVC和Entity Fr ...

  2. 8 个很有用的 jQuery 技巧(转)

    http://www.oschina.net/question/12_145472 一个基于web的标签设计,打印工具,超diao http://www.oschina.net/question/17 ...

  3. TS数据流PAT和PMT分析（转载）

    转自:http://www.cnblogs.com/hjj801006/p/3837435.html TS流,是基于packet的位流格式,每个packet是188个字节或者204个字 节(一般是18 ...

  4. poj 3243 Clever Y && 1467: Pku3243 clever Y【扩展BSGS】

    扩展BSGS的板子 对于gcd(a,p)>1的情况 即扩展BSGS 把式子变成等式的形式: \( a^x+yp=b \) 设 \( g=gcd(a,p) \) 那么两边同时除以g就会变成: \( ...

  5. （图论）51NOD 1264 线段相交

    给出平面上两条线段的两个端点,判断这两条线段是否相交(有一个公共点或有部分重合认为相交). 如果相交,输出"Yes",否则输出"No".   输入 第1行:一个 ...

  6. Ubuntu 18.04 关闭蓝牙开机启动

    sudo gedit /etc/rc.local 然后,加入下面一行 rfkill block bluetooth

  7. vs2013问题解决办法—>fatal error LNK1168 如何避免

    问题:在使用visial studio 2013运行成功程序,但当修改其中的一段后,即语法,执行后报错  出现error:fatal error LNK1168:无法打开……\xxx.exe进行写入. ...

  8. F - Function

    Bryce1010模板 先找到数组A中的循环节,再找到数组B中的循环节,如果B中的循环节是A中循环节的循环因子,说明可以配对,结果累积起来. #include<bits/stdc++.h> ...

  9. Floyd+限制路径步数（快速幂优化）

    POJ 3613 Cow Relays 最短路可以采用Floyd来计算,但是限制时间在1s内,估计直接写会超时,所以要用到快速幂来优化. 快速幂的思想是:xy=xy/2∗2" role=&q ...

  10. 题解报告：hdu1219AC Me

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1219 Problem Description Ignatius is doing his homewo ...