使用AES加密进行前端加、解密

什么是AES对称加密?

1、aes对称加密是最快速、简单的一种加密方式,加密(encryption)、解密(decryption)使用的是同一套密钥(secret key);
2、aes(advanced Encryption standard)高级加密标准,是最常见的对称加密算法(微信小程序的加密传输就是用的这套加密算法),简而言之,对称加密就是加密解密使用的是同一套密钥,适用于经常发送数据的场合;
3、非对称加密:加密和解密的密钥是不相同的,通常加密的速度比较慢,适合偶尔发送数据的场合;

前端加密、解密具体使用

1、首先我们要在目标文件夹中引入js文件,
在这里插入图片描述
2、其次在需要使用加密、解密的页面上进行引入,

<script type="text/javascript" src="js/aes.js"></script>

3、最后我们就开始在页面上进行加、解密操作;

======加密===========
var params={"jkhtbh":htbh,"ksrq":date,"jsrq":date1,"page":"1","size":"9999"};
		 //秘钥
		 var aesKey = 'gOuWYBjME1cVtc5S';
		 	//将秘钥转换成Utf8字节数组key
		var key = CryptoJS.enc.Utf8.parse(aesKey); 
		//这里把我们得到的json对象转化成字符串
		srcs = CryptoJS.enc.Utf8.parse(JSON.stringify(params));
		//对转换后的字符进行加密
         var encrypted = CryptoJS.AES.encrypt(srcs, key, {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
});
//把机密得到的字符串转换成大写字母
var jiami = encrypted.ciphertext.toString().toUpperCase();
//console.log("加密后的参数"+jiami);
console.log(jiami);


=====解密=======
//对res进行解密
			success: function (res) {
				$('#loading').hide();
				$("#cxjg").show();
				var encryptedHexStr = CryptoJS.enc.Hex.parse(res);
var encryptedBase64Str = CryptoJS.enc.Base64.stringify(encryptedHexStr);
var decrypt = CryptoJS.AES.decrypt(encryptedBase64Str, key, {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7
});
var jiemi = decrypt.toString(CryptoJS.enc.Utf8);
//这里将一个json字符串转换成对象result
var result = JSON.parse(jiemi);
//console.log("后端接口返回的值解密:"+result);
console.log(result);

JSON.parse()和JSON.stringify()

parse用于从一个字符串中解析出json对象
如:

var str = '{"name":"huangxiaojian","age":"23"}'
结果:
JSON.parse(str)
Object
age:23"
name: “huangxiaojian"
__proto__: Object

stringify()用于从一个对象解析出字符串
如:

var a = {a:1,b:2}
结果:
JSON.stringify(a)
"{"a":1,"b":2}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章