JS AES加密解密实现

目录

一、场景：

引入js

二、代码实现

1.AES CBC

效果：

2.AES ECB

效果：

总结

---

一、场景：

在项目中传输数据，可通过对请求数据或响应数据进行加密，防止信息泄露。

引入js

可通过crypto.js文件进行加密解密

下载地址：https://pan.百度.com/s/1wZTh4r7pQKAQ7OF25XbJcA

提取码：8jjg

使用方式：

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

二、代码实现

代码实现主要是模式不同，参数不同的实现。

1.AES CBC

1.  
   <script type="text/javascript" src="crypto-js.js"></script>
2.  
   <script type="text/javascript">
3.  
   const key = '235325fdgerteGHdsfsdewred4345341';// 32位
4.  
   const iv = '4387438hfdhfdjhg';// 16位
5.  
   const txt = '我们是不是实现加密了 哈哈哈哈';
6.  
    
7.  
   // 加密
8.  
   function encrypt(text) {
9.  
   return CryptoJS.AES.encrypt(text, CryptoJS.enc.Utf8.parse(key), {
10.  
    iv: CryptoJS.enc.Utf8.parse(iv),
11.  
    mode: CryptoJS.mode.CBC,
12.  
    padding: CryptoJS.pad.Pkcs7
13.  
    }).toString()
14.  
    }
15.  
     
16.  
    // 解密
17.  
    function decrypt(text) {
18.  
    let decrypted = CryptoJS.AES.decrypt(text, CryptoJS.enc.Utf8.parse(key), {
19.  
    iv: CryptoJS.enc.Utf8.parse(iv),
20.  
    mode: CryptoJS.mode.CBC,
21.  
    padding: CryptoJS.pad.Pkcs7
22.  
    });
23.  
    return decrypted.toString(CryptoJS.enc.Utf8)
24.  
    }
25.  
     
26.  
    const sign = encrypt(txt);
27.  
    console.log('加密：', sign);
28.  
    const _src = decrypt(sign);
29.  
    console.log('解密：', _src);
30.  
    </script>

效果：

2.AES ECB

1.  
   <script type="text/javascript" src="crypto-js.js"></script>
2.  
   <script type="text/javascript">
3.  
   const key = '235325fdgerteGHdsfsdewred4345341'; // 32位
4.  
   const txt = '我们是不是实现加密了 哈哈哈哈';
5.  
   // 加密
6.  
   function encrypt(text) {
7.  
   return CryptoJS.AES.encrypt(text, CryptoJS.enc.Utf8.parse(key), {
8.  
   mode: CryptoJS.mode.ECB,
9.  
   padding: CryptoJS.pad.Pkcs7
10.  
    }).toString()
11.  
    }
12.  
     
13.  
    // 解密
14.  
    function decrypt(text) {
15.  
    let decrypted = CryptoJS.AES.decrypt(text, CryptoJS.enc.Utf8.parse(key), {
16.  
    mode: CryptoJS.mode.ECB,
17.  
    padding: CryptoJS.pad.Pkcs7
18.  
    });
19.  
    return decrypted.toString(CryptoJS.enc.Utf8)
20.  
    }
21.  
     
22.  
    const sign = encrypt(txt);
23.  
    console.log('加密：', sign);
24.  
    const _src = decrypt(sign);
25.  
    console.log('解密：', _src);
26.  
    </script>

效果：

总结

在项目中传输数据，可通过对请求数据或响应数据进行加密，防止信息泄露。可通过crypto.js文件进行加密解密。这样就实现了加密解密。

这篇好文章是转载于：学新通技术网