cryptoJS AES 加解密简单使用

简单记录一下，前端利用 cryptoJS 如何加解密的。主要是关于 AES 加解密。

需求描述：需要对 url 中的参数进行 AES 解密，然后再把该参数进行 MD5 加密通过接口传递。

AES

AES：对称加密。加解密的双方使用同一个秘钥。秘钥不能在网络中传输，避免被拦截。如果要传输，必须要对秘钥进行非对称加密再加密一次。

对称加密，比非对称加密速度快。

算法理解篇可参考(个人认为还是非常详细的)：AES加密算法的详细介绍与实现

使用篇可参考：理解AES加密解密的使用方法

ios，Android，前端 多端实现可参考：AES三端加密解密 – iOS与Android,JS的同步实现

在实现的时候，由于AES加密的方式很多，所以需要先商量并确定好采用的 AES 的 vi (初始变量)、key(秘钥)、mode(加密模式)、padding(填充方式)。这样在实现多端加解密的时候才都正确。

AES.js

import CryptoJS from 'crypto-js'

const key = 'aaaabbbbccccdddd'
const iv = '1234567887654321'

// 加密
function Encrypt (text) {
  return CryptoJS.AES.encrypt(text, CryptoJS.enc.Utf8.parse(key), {
    iv: CryptoJS.enc.Utf8.parse(iv),
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.Pkcs7
  }).toString()
}

// 解密
function Decrypt (text) {
  let decrypted = CryptoJS.AES.decrypt(text, CryptoJS.enc.Utf8.parse(key), {
    iv: CryptoJS.enc.Utf8.parse(iv),
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.Pkcs7
  })
  return decrypted.toString(CryptoJS.enc.Utf8)
}

export default {
  Encrypt,
  Decrypt
}

使用：

let text = AES.Encrypt('123')
console.log(text)
console.log(AES.Decrypt(text))

MD5

MD5，不可逆，只能加密，不能解密哦。

import CryptoJS from 'crypto-js';

CryptoJS.MD5('123').toString();

关于 crypto.js

crypto.js 是一个纯 JavaScript 写的加密算法类库，可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列，进行 AES、DES、Rabbit、RC4、Triple DES 加解密。github