背景
公司后端加解密使用的是 aes 的方式，当时找了好多前端加解密的库，最后决定使用 crypto-js 封装了加解密方法。
准备工作
在前端项目中安装 crypto-js 包
npm install crypto-js
具体使用
import CryptoJS from 'crypto-js'
const crpytoConfig = {
AES_KEY: 'key',
AES_IV: 'iv',
}
/**
* @description aes加密
* @param {string} word 需要加密的字符串
*/
const cryptoEncrypt = word => {
const { AES_IV, AES_KEY } = crpytoConfig
const key = CryptoJS.enc.Utf8.parse(AES_KEY)
const iv = CryptoJS.enc.Utf8.parse(AES_IV)
const srcs = CryptoJS.enc.Utf8.parse(word)
let encrypted = '';
encrypted = CryptoJS.AES.encrypt(srcs, key, {
iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
})
return encrypted.ciphertext.toString(CryptoJS.enc.Base64)
}
/**
* @description aes解密
* @param {string} word 需要解密的字符串
*/
const cryptoDecrypt = word => {
const { AES_IV, AES_KEY } = crpytoConfig
// 因为和我们公司后端加密得出的数据有些出入 所以这里做了字符替换才能正常进行加解密 所以下边这句视情况而定到底加不加
const strWord = word.replace(/\_/g, '/').replace(/\-/g, '+')
const key = CryptoJS.enc.Utf8.parse(AES_KEY)
const iv = CryptoJS.enc.Utf8.parse(AES_IV)
const encryptedHexStr = CryptoJS.enc.Base64.parse(strWord)
const srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr)
let decrypt = ''
decrypt = CryptoJS.AES.decrypt(srcs, key, {
iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
})
return decrypt.toString(CryptoJS.enc.Utf8).toString()
}
