前端使用crypto-js实现密码加解密功能

1.安装crypto-js模块

npm install crypto-js

2.封装工具

//secret.js

import CryptoJS from 'crypto-js'; //导入加密模块

const aseKey = '0123456789abcdef'; //十六位十六进制数作为密钥
const iv = 'abcdef0123456789'; //十六位十六进制数作为密钥偏移量
let key = CryptoJS.enc.Utf8.parse(aseKey);
let ivs = CryptoJS.enc.Utf8.parse(iv);



/**
 * 加密方法
 * @param {String} word 需要加密的字符
 * @returns {String} 加密后的字符
 */
export function encrypt(word) {
    const srcs = CryptoJS.enc.Utf8.parse(word);
    const encrypted = CryptoJS.AES.encrypt(srcs, key, { 
        iv: ivs,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.Pkcs7
    });
    return encrypted.ciphertext.toString().toUpperCase();
}

/**
 * 解密方法
 * @param {String} word 需要解密的字符
 * @returns {String} 解密后的字符
 */
export function decrypt(word) {
    const encryptedHexStr = CryptoJS.enc.Hex.parse(word);
    const srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
    const decrypt = CryptoJS.AES.decrypt(srcs, key, { 
        iv: ivs, 
        mode: CryptoJS.mode.CBC, 
        padding: CryptoJS.pad.Pkcs7
    });
    const decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
    return decryptedStr.toString();
}

export default {
    encrypt,
    decrypt
};

3.应用

import secret from './secret.js';

let password = '123456';
const token = secret.encrypt(password); //加密

password = secret.decrypt(token); //解密

typescript版另一种写法

import CryptoJS from 'crypto-js';
const aseKey = '0123456789abcdef';
const iv = 'abcdef0123456789';
let key = CryptoJS.enc.Utf8.parse(aseKey);
let ivs = CryptoJS.enc.Utf8.parse(iv);

//加密
export function encrypt(data: any) {
    let encrypted = CryptoJS.AES.encrypt(data, key, {
        iv: ivs,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.Pkcs7,
    });
    return encrypted.toString();
}

//解密
export function decrypt(data: any) {
    let decrypt = CryptoJS.AES.decrypt(data, key, {
        iv: ivs,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.Pkcs7,
    });
    return CryptoJS.enc.Utf8.stringify(decrypt).toString();
}

export default {
    encrypt,
    decrypt,
};

参考文章：前端 crypto-js aes 加解密