前端使用AES加密和解密

爬坑的小白

已于 2023-06-28 23:10:13 修改

阅读量1.3k

点赞数

文章标签：前端

于 2023-06-28 13:25:16 首次发布

本文链接：https://blog.csdn.net/ZJ15981837003/article/details/131434792

版权

本文介绍了如何在JavaScript项目中安装和使用CryptoJS库进行AES加密和解密操作。首先通过npm安装CryptoJS，然后创建crypto.js文件并定义加密和解密函数，使用16位的秘钥和偏移量。接着展示了如何对普通字符串和JSON对象进行加密解密的示例代码。

摘要由CSDN通过智能技术生成

1.安装 CryptoJS

这个库就是用来加密的核心，直接打开项目终端，输入npm install crypto-js --save

2. 新建crypto.js

在@/src/utils/下新建crypto.js文件
// crypto.js 文件

import CryptoJS from "crypto-js"
//秘钥, 建议设置其他的字符, 这里只是为了演示，一般长度是16位
var key = CryptoJS.enc.Latin1.parse("1234567890123456"); 
// 偏移量, 建议设置其他的字符, 这里只是为了演示，一般长度是16位
var iv = CryptoJS.enc.Latin1.parse("1234567890123456");  
export default {
	//加密
	encrypt(data) {
		var srcs = CryptoJS.enc.Utf8.parse(data);
		var encrypted = CryptoJS.AES.encrypt(srcs, key, {
			iv: iv,
			mode: CryptoJS.mode.CBC,
			padding: CryptoJS.pad.ZeroPadding
		});
		return encrypted.toString();
	},
	//解密
	decrypt(encrypted) { 
		var decrypted = CryptoJS.AES.decrypt(encrypted, key, {
			iv: iv,
			mode: CryptoJS.mode.CBC,
			padding: CryptoJS.pad.ZeroPadding
		});
		return decrypted.toString(CryptoJS.enc.Utf8);
	}
}

3:使用

import aec_secret from '../../utils/crypto';

// 使用普通格式
let str = '我是测试加密'
// 加密
console.log(aec_secret.encrypt(str))
// 解密
console.log(aec_secret.decrypt(aec_secret.encrypt(str)))

let data = {
	name: '我是测试'
}
// 对象或者数据格式，注意：需要先JSON.stringify转一下。
let enc = aec_secret.encrypt(JSON.stringify(data))
// 解密, 注意：需要JSON.parse转一下，注意它的使用位置
let dec = JSON.parse(aec_secret.decrypt(enc))
console.log(dec)