环境配置

• js文件https://code.google.com/archive/p/crypto-js/downloads
• 在线AES加密解密地址在线AES加密解密、AES在线加密解密、AES encryption and decryption--查错网
• 下载完成后在页面中引入
  • rollups/aes.js
  • components/mode-ecb.js
  • components/pad-nopadding.js
• 引入后页面

  image.png

ECB加密解密

var key = CryptoJS.enc.Utf8.parse("zhgerXHBVaaKm8xy")
var plaintText = 'onlystar'
var encryptedData = CryptoJS.AES.encrypt(plaintText, key, {mode: CryptoJS.mode.ECB,  padding: CryptoJS.pad.Pkcs7
})console.log("加密前："+plaintText) // 加密前：onlystar
console.log("加密后："+encryptedData) // 加密后：cp7hxlPgStaA4Jod5uKCuQ==encryptedData = encryptedData.ciphertext.toString()var encryptedHexStr = CryptoJS.enc.Hex.parse(encryptedData)
console.log("解密前hex："+encryptedHexStr) // 解密前hex：729ee1c653e04ad680e09a1de6e282b9
var encryptedBase64Str = CryptoJS.enc.Base64.stringify(encryptedHexStr)
console.log("解密前："+encryptedBase64Str) // 解密前：cp7hxlPgStaA4Jod5uKCuQ==
var decryptedData = CryptoJS.AES.decrypt(encryptedBase64Str, key, { mode: CryptoJS.mode.ECB,  padding: CryptoJS.pad.Pkcs7
})var decryptedStr = decryptedData.toString(CryptoJS.enc.Utf8)
console.log("解密后:"+decryptedStr) // 解密后:onlystar

CBC加密解密

var key = CryptoJS.enc.Utf8.parse("zhgerXHBVaaKm8xy")
var plaintText = 'onlystar'
var encryptedData = CryptoJS.AES.encrypt(plaintText, key, {iv:  CryptoJS.enc.Utf8.parse(key),mode: CryptoJS.mode.CBC,  padding: CryptoJS.pad.Pkcs7
})console.log("加密前："+plaintText) // 加密前：onlystar
console.log("加密后："+encryptedData) // 加密后：cp7hxlPgStaA4Jod5uKCuQ==encryptedData = encryptedData.ciphertext.toString()var encryptedHexStr = CryptoJS.enc.Hex.parse(encryptedData)
console.log("解密前hex："+encryptedHexStr) // 解密前hex：729ee1c653e04ad680e09a1de6e282b9
var encryptedBase64Str = CryptoJS.enc.Base64.stringify(encryptedHexStr)
console.log("解密前："+encryptedBase64Str) // 解密前：cp7hxlPgStaA4Jod5uKCuQ==
var decryptedData = CryptoJS.AES.decrypt(encryptedBase64Str, key, { iv:  CryptoJS.enc.Utf8.parse(key),mode: CryptoJS.mode.CBC,  padding: CryptoJS.pad.Pkcs7
})var decryptedStr = decryptedData.toString(CryptoJS.enc.Utf8)
console.log("解密后:"+decryptedStr) // 解密后:onlystar

封装方法

const DecryptEcb = (keyword, secretKey) => {try {let key = CryptoJS.enc.Utf8.parse(secretKey)let encryptedHexStr = CryptoJS.enc.Hex.parse(keyword)let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr)let decrypt = CryptoJS.AES.decrypt(srcs, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.NoPadding })let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8)return decryptedStr.toString()} catch (error) {console.log(error)return ''}
}

使用

const { username, password, secretKey } = data
// 解密
const user = DecryptEcb(username, secretKey)
const pwd = DecryptEcb(password, secretKey)

---

任何程序错误，以及技术疑问或需要解答的，请添加