使用AES加密进行前端加、解密
程序员文章站
2022-06-01 15:54:14
...
什么是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}”