目录

一、场景：

引入js

二、代码实现

1.AES CBC

效果：

2.AES ECB

效果：

总结

---

一、场景：

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

 

引入js

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

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

提取码：8jjg

使用方式：

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

 

二、代码实现

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

1.AES CBC

<script type="text/javascript" src="crypto-js.js"></script>
<script type="text/javascript">
    const key = '235325fdgerteGHdsfsdewred4345341';// 32位
    const iv = '4387438hfdhfdjhg';// 16位
    const txt = '我们是不是实现加密了 哈哈哈哈';

    // 加密
    function encrypt(text) {
        return CryptoJS.AES.encrypt(text, CryptoJS.enc.Utf8.parse(key), {
            iv: CryptoJS.enc.Utf8.parse(iv),
            mode: CryptoJS.mode.CBC,
            padding: CryptoJS.pad.Pkcs7
        }).toString()
    }

    // 解密
    function decrypt(text) {
        let decrypted = CryptoJS.AES.decrypt(text, CryptoJS.enc.Utf8.parse(key), {
            iv: CryptoJS.enc.Utf8.parse(iv),
            mode: CryptoJS.mode.CBC,
            padding: CryptoJS.pad.Pkcs7
        });
        return decrypted.toString(CryptoJS.enc.Utf8)
    }

    const sign = encrypt(txt);
    console.log('加密：', sign);
    const _src = decrypt(sign);
    console.log('解密：', _src);
</script>

效果：

 

2.AES ECB

<script type="text/javascript" src="crypto-js.js"></script>
<script type="text/javascript">
    const key = '235325fdgerteGHdsfsdewred4345341'; // 32位
    const txt = '我们是不是实现加密了 哈哈哈哈';
    // 加密
    function encrypt(text) {
        return CryptoJS.AES.encrypt(text, CryptoJS.enc.Utf8.parse(key), {
            mode: CryptoJS.mode.ECB,
            padding: CryptoJS.pad.Pkcs7
        }).toString()
    }

    // 解密
    function decrypt(text) {
        let decrypted = CryptoJS.AES.decrypt(text, CryptoJS.enc.Utf8.parse(key), {
            mode: CryptoJS.mode.ECB,
            padding: CryptoJS.pad.Pkcs7
        });
        return decrypted.toString(CryptoJS.enc.Utf8)
    }

    const sign = encrypt(txt);
    console.log('加密：', sign);
    const _src = decrypt(sign);
    console.log('解密：', _src);
</script>

效果：

总结

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