js前端使用AES加解密及在线解密工具验证

js 使用AES加解密

1. 在项目中安装 crypto.js。

npm install crypto-js

2. 在项目中新建文件夹 utils
3. 新建工具类文件
4. 引入crypto-js文件

import CryptoJS from 'crypto-js'

5. 初始化16位密钥 及 16位iv（密钥偏移量）
6. 解密方法

export const Decrypt = (word) => {
    let encryptedHexStr = CryptoJS.enc.Hex.parse(word);
    let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
    let decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
    let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
    return decryptedStr.toString();
}

7. 加密方法

export const Encrypt = (word) => {
    let srcs = CryptoJS.enc.Utf8.parse(word);
    let encrypted = CryptoJS.AES.encrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
    return encrypted.ciphertext.toString().toUpperCase();
}

加密 数字 123456789
代码中测试测试：
在线工具中测试：

至于为什么在工具上方选择不是初始化的选项。
主要是因为，代码中明显可以看到
加密使用的是UTF-8，并且模式使用的是CBC
填充padding 则使用的是PKCS7

解密时候可以看到
输出使用的是HEX，模式依旧是CBC 填充是PKCS7 。转换字符为UTF8
故此，验证完毕。