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

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 = Hex.parse(word);let srcs = Base64.stringify(encryptedHexStr);let decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: iv, mode: de.CBC, padding: CryptoJS.pad.Pkcs7 });let decryptedStr = Utf8);String();
}

7. 加密方法

export const Encrypt = (word) => {let srcs = Utf8.parse(word);let encrypted = pt(srcs, key, { iv: iv, mode: de.CBC, padding: CryptoJS.pad.Pkcs7 });return String().toUpperCase();
}

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

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

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