使用crypto-js進行128位AES/ECB/PKCS7Padding加密/解密

crypto-js支持多種加/解密方案, 這裏主要記錄一下使用 crypto-js 進行 AES 128位 的加/解密;

前端加密是不安全的, 不安全的, 不安全的;

// 初始化一個 package.json 文件, 直接所有回車就行啦;
$ yarn init

// 安裝 crypto-js;
$ yarn add crypto-js

在 package.json 同級目錄下新建一個 crypto.js 文件, 寫入如下內容:

// 導入 crypto-js 包
const CryptoJS = require('crypto-js');
// 定義加/解密的 key(key都放這裏了, 加密還有啥意義!^_^)
const initKey = '123!@#';
// 設置數據塊長度
const keySize = 128;

/**
 * 生成密鑰字節數組, 原始密鑰字符串不足128位, 補填0.
 * @param {string} key - 原始 key 值
 * @return Buffer
 */
const fillKey = (key) => {
  const filledKey = Buffer.alloc(keySize / 8);
  const keys = Buffer.from(key);
  if (keys.length < filledKey.length) {
    filledKey.map((b, i) => filledKey[i] = keys[i]);
  }

  return filledKey;
}

/**
 * 定義加密函數
 * @param {string} data - 須要加密的數據, 傳過來前先進行 JSON.stringify(data);
 * @param {string} key - 加密使用的 key
 */
const aesEncrypt = (data, key) => {
  /**
   * CipherOption, 加密的一些選項:
   *   mode: 加密模式, 可取值(CBC, CFB, CTR, CTRGladman, OFB, ECB), 都在 CryptoJS.mode 對象下
   *   padding: 填充方式, 可取值(Pkcs7, AnsiX923, Iso10126, Iso97971, ZeroPadding, NoPadding), 都在 CryptoJS.pad 對象下
   *   iv: 偏移量, mode === ECB 時, 不須要 iv
   * 返回的是一個加密對象
   */
  const cipher = CryptoJS.AES.encrypt(data, key, {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7,
    iv: '',
  });
  // 將加密後的數據轉換成 Base64
  const base64Cipher = cipher.ciphertext.toString(CryptoJS.enc.Base64);
  // 處理 Android 某些低版的BUG
  const resultCipher = base64Cipher.replace(/\+/g,'-').replace(/\//g,'_');
  // 返回加密後的通過處理的 Base64
  return resultCipher;
}

/**
 * 定義解密函數
 * @param {string} encrypted - 加密的數據;
 * @param {string} key - 加密使用的 key
 */
const aesDecrypt = (encrypted, key) => {
  // 先將 Base64 還原一下, 由於加密的時候作了一些字符的替換
  const restoreBase64 = encrypted.replace(/\-/g,'+').replace(/_/g,'/');
  // 這裏 mode, padding, iv 必定要跟加密的時候徹底同樣
  // 返回的是一個解密後的對象
  const decipher = CryptoJS.AES.decrypt(restoreBase64, key, {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7,
    iv: '',
  });
  // 將解密對象轉換成 UTF8 的字符串
  const resultDecipher = CryptoJS.enc.Utf8.stringify(decipher);
  // 返回解密結果
  return resultDecipher;
}
// 獲取填充後的key
const key = CryptoJS.enc.Utf8.parse(fillKey(initKey));

// 定義須要加密的數據
const data = {"password":"qwe123!@#","userName":"wing@email.com"};
// 調用加密函數
const encrypted = aesEncrypt(JSON.stringify(data), key);
// 調用解密函數
const decrypted = aesDecrypt(encrypted, key);
// 控制檯輸出查看結果
console.log('加密結果: ', encrypted);
console.log('解密結果: ', decrypted);

最後能夠在 node 環境下運行查看一下結果:

$ node crypto.js
加密結果:  GFkA5wmbOgi47TX8lfhAsACwLbFnhUByAfB2Xe3iuOl0DN6pk-EOM9mqHPoU9oo-mIEzQDhCr0_jPtnhKCPRfg==
解密結果:  {"password":"qwe123!@#","userName":"wing@email.com"}

爲了驗證結果是否正確, 能夠去網上找一個AES加/解密的工具對比一下;
如下是在網上找的工具加密的結果: