js通過AES進行加解密(ECB、CBC模式)

更新時間：2025年07月25日 11:22:57 作者：喜歡代碼的新之助

AES加密算法提供了五種不同的工作模式：CBC,ECB,CTR,CFB,OFB,本文主要介紹ECB與CBC模式實現(xiàn)與差異,具有一定的參考價值,感興趣的可以了解一下

加密需求

在項目開發(fā)中，由于需要對接口傳參的敏感信息進行加密傳輸，后端接口返回的參數(shù)也是進行加密過的，此時就需要進行加解密操作。

本篇文章使用AES進行加解密，AES加密算法提供了五種不同的工作模式：CBC，ECB，CTR，CFB，OFB

這里只對CBC和ECB加解密進行說明，這兩種加密模式在前端使用時主要區(qū)別如下：

一種基礎的加密方式，密文被分割成分組長度相等的塊（不足補齊），然后單獨一個個加密，一個個輸出組成密文。
一種循環(huán)模式，前一個分組的密文和當前分組的明文異或或操作后再加密，這樣做的目的是增強破解難度。（不容易主動攻擊，安全性好于ECB，是SSL、IPSec的標準）

AES加解密

安裝依賴

npm install crypto-js --save-dev

封裝加解密方法（ECB模式）

將以下方法進行封裝，文件命名為aes.js

// 引入
import CryptoJS from 'crypto-js'

// 密鑰
const AES_KEY = '****************' // 后端提供

// 加密
export function encrypt ({ word }) {
  const key = CryptoJS.enc.Utf8.parse(AES_KEY)
  const srcs = CryptoJS.enc.Utf8.parse(word)
  const encrypted = CryptoJS.AES.encrypt(srcs, key, {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7
  })
  return encrypted.toString()
}

// 解密
export function decrypt ({ word }) {
  var key = CryptoJS.enc.Utf8.parse(AES_KEY)
  var decrypt = CryptoJS.AES.decrypt(word, key, {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7
  })
  return CryptoJS.enc.Utf8.stringify(decrypt).toString()
}

使用

// 引入aes.js，注意文件路徑不要出錯
import { encrypt, decrypt } from './aes'

// data：需要加密的數(shù)據(jù)
// encryptData：加密后的密文
// 若有需要則將js對象轉換為字符串后進行加密：JSON.stringify(data)
const encryptData = encrypt({ word: JSON.stringify(data) })

// data：需要解密的密文
// decryptData：解密后的數(shù)據(jù)
// 若解密結果為json字符串，則可以通過JSON.parse()方法將解密結果轉化為json對象
const decryptData = decrypt({ word: data})

封裝加解密方法（CBC模式）

將以下方法進行封裝，文件命名為aes.js

// 引入
import CryptoJS from 'crypto-js'

// 密鑰
const AES_KEY = '****************' // 后端提供
// 初始化向量
const IV = '****************' // 后端提供

//加密方法
export function encrypt( word ) {
	let key = CryptoJS.enc.Utf8.parse(AES_KEY)
	let iv = CryptoJS.enc.Utf8.parse(IV)
	let srcs = CryptoJS.enc.Utf8.parse(word)

	let encrypted = CryptoJS.AES.encrypt(srcs, key, {
		iv,
  		mode: CryptoJS.mode.CBC,
  		padding: CryptoJS.pad.ZeroPadding
	});
	return encrypted.toString();
}

//解密方法
export function decrypt( word ) {
	var key = CryptoJS.enc.Utf8.parse(AES_KEY)
	let iv = CryptoJS.enc.Utf8.parse(IV)
	
	var decrypt = CryptoJS.AES.decrypt(word, key, {
  		iv,
  		mode: CryptoJS.mode.CBC,
 		padding: CryptoJS.pad.ZeroPadding
	})
	return decrypt.toString(CryptoJS.enc.Utf8).trim()
}

使用

// 引入aes.js，注意文件路徑不要出錯
import { encrypt, decrypt } from './aes'

// data：需要加密的數(shù)據(jù)
// encryptData：加密后的密文
// 若有需要則將js對象轉換為字符串后進行加密：JSON.stringify(data)
const encryptData = encrypt(JSON.stringify(data))

// data：需要解密的密文
// decryptData：解密后的數(shù)據(jù)
// 若解密結果為json字符串，則可以通過JSON.parse()方法將解密結果轉化為json對象
const decryptData = decrypt(data)

到此這篇關于js通過AES進行加解密(ECB、CBC模式)的文章就介紹到這了,更多相關js AES加解密內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: