Javascript实现前端AES加密解密功能

Posted 2020-10-12

西安人才网掌握的html中的js前端AES加密

最近因为项目需求做了一次MITM，俄然即便发现运用HTTPS，也不能确保数据传输过程中的安全性。 经过中间人进犯，能够直接获取到Http协议的一切内容。 所以开端尝试做一些简略的加密，在一定程度上确保安全性。

本次选用AES加密数据，所以客户端和效劳端运用的相同秘钥。（仅作为演示，正式环境引荐运用RSA）

首要准备一份明文密码和加密运用的KEY

var source = "ABCDEFG";var aesKey = "8NONwyJtHesysWpM";

JS加密 padding和mode 需求与效劳端相对应，不然无法解密

//key 为字符串类型，需求处理完再运用 //注:PKCS5Padding 和 PKCS7Padding 是一样的

上段所示的 encryptedData 即为加密后的成果。

JS解密代码

//encryptedData 为加密后的数据, //直接经过JS加密后的数据是一个目标，无法直接解密的， 需求转换为Base64的字符串后才可解密 //效劳端应当回来Base64之后的加密数据 encryptedData = encryptedData.ciphertext.toString(); var encryptedHexStr = CryptoJS.enc.Hex.parse(encryptedData);

成果演示

Tip: aes.js N合一

http://react.file.alimmdn.com/aes.js

Demo 控制台查看

http://react.file.alimmdn.com/aes.html?t=1490179790965

【源码如下】

[html] view plain copy

1.   

[html] view plain copy

1. >  

2. <</span>html lang="en">  

3. <</span>head>  

4.     <</span>meta charset="UTF-8">  

5.     <</span>title>Title