前端 crypto-js aes 加解密

1. 使用场景

• 前端在用户本地储存敏感信息时加密保护
• 前后端传输账号密码时可以进行加密处理

2. 安装npm包

npm install crypto-js 

3. 封装调用

// 存在 src/utils/secret.js

封装

const CryptoJS = require('crypto-js');  //引用AES源码js
    
// key iv 自己设置16即可，位置要对应上；
const key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF");  //十六位十六进制数作为密钥
const iv = CryptoJS.enc.Utf8.parse('ABCDEF1234123412');   //十六位十六进制数作为密钥偏移量

//解密方法
function 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();
}

//加密方法
function 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();
}

export default {
    Decrypt ,
    Encrypt
}

// 调用
import secret from '../utils/secret.js'
// 在created里面测试
// 加密

console.log('加密---',secret.Encrypt('{"No":18737002003,"password": "992chuan"}'));
log:'6AEF3615CF82FAC75E34E416E19929C2E96A384A7C9BE9C2CC27E10C26AF567E64A31A5F4EDA3EB7229597275CBF8BEF'

// 解密

console.log(secret.Decrypt('6AEF3615CF82FAC75E34E416E19929C2E96A384A7C9BE9C2CC27E10C26AF567E64A31A5F4EDA3EB7229597275CBF8BEF'));
log:{"No":18737002003,"password": "992chuan"}