背景

公司后端加解密使用的是 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
  // 因為和我們公司后端加密得出的數(shù)據(jù)有些出入 所以這里做了字符替換才能正常進行加解密 所以下邊這句視情況而定到底加不加
  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()
}