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