html AES加密

html AES加密

引入crypto-js.min
<script src="https://cdn.bootcss.com/crypto-js/3.1.9-1/crypto-js.min.js"></script>

具体方法

<script>
		const key = CryptoJS.enc.Utf8.parse(""); // 十六位十六进制数作为密钥
		const iv = CryptoJS.enc.Utf8.parse(''); // 十六位十六进制数作为密钥偏移量
		/* 加密方法 */
		function myEncrypt(word) {
			const srcs = CryptoJS.enc.Utf8.parse(word);
			const encrypted = CryptoJS.AES.encrypt(srcs, key, {
				iv,
				mode: CryptoJS.mode.CBC,
				padding: CryptoJS.pad.Pkcs7
			});
			return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
		}
		/* 解密方法 */
		function myDecrypt(word) {
			const encryptedHexStr = CryptoJS.enc.Base64.parse(word);
			const srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
			const decrypt = CryptoJS.AES.decrypt(srcs, key, {
				iv,
				mode: CryptoJS.mode.CBC,
				padding: CryptoJS.pad.Pkcs7
			});
			const decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
			return decryptedStr.toString();
		}
	</script>

调用方法：

let usernameStr = myEncrypt(username); // 加密方法
usernameStr = JSON.stringify(usernameStr); // 将JavaScript对象转换为字符串
usernameStr = JSON.parse(usernameStr); // 将字符串解析为JavaScript对象

let encPwd = myEncrypt(password); // 加密方法
encPwd = JSON.stringify(encPwd); // 将JavaScript对象转换为字符串
encPwd = JSON.parse(encPwd); // 将字符串解析为JavaScript对象

const decPwd = myDecrypt(encPwd); // 解密方法
const nencrypted = '加密后：' + encPwd; // 加密后
const decrypted = '解密后:' + decPwd; // 解密后
console.log(nencrypted)
console.log(decrypted)