前端crypto-js aes加解密

背景

公司后端加解密使用的是 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()
}