cryptoJS AES 加解密简单使用

小鱼儿 2021-09-07 06:03 467阅读 0赞

> 简单记录一下，前端利用 cryptoJS 如何加解密的。主要是关于 AES 加解密。

需求描述：需要对 url 中的参数进行 AES 解密，然后再把该参数进行 MD5 加密通过接口传递。

### AES ###

AES：对称加密。加解密的双方使用同一个秘钥。秘钥不能在网络中传输，避免被拦截。如果要传输，必须要对秘钥进行非对称加密再加密一次。

对称加密，比非对称加密速度快。

算法理解篇可参考(个人认为还是非常详细的)：[AES加密算法的详细介绍与实现][AES]

使用篇可参考：[理解AES加密解密的使用方法][AES 1]

ios，Android，前端 多端实现可参考：[AES三端加密解密 – iOS与Android,JS的同步实现][AES_ _ iOS_Android_JS]

在实现的时候，由于AES加密的方式很多，所以需要先商量并确定好采用的 AES 的 **vi** (初始变量)、**key**(秘钥)、**mode**(加密模式)、**padding**(填充方式)。这样在实现多端加解密的时候才都正确。

安装插件

npm install crypto-js --save

AES.js

import CryptoJS from 'crypto-js'
    
    //注意key和iv为16进制，不能为非16进制字符
    const key = 'aaaabbbbccccdddd'  
    const iv = '1234567887654321'
    
    // 加密
    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)
    }
    
    export default {
      Encrypt,
      Decrypt
    }

使用：

import AES from '@/utils/AES'
    
    let text = AES.Encrypt('123')  //注意加密的数据要为字符串
    console.log(text)
    console.log(AES.Decrypt(text))

### MD5 ###

MD5，不可逆，只能加密，不能解密哦。

import CryptoJS from 'crypto-js';
    
    CryptoJS.MD5('123').toString();

### 关于 crypto.js ###

crypto.js 是一个纯 JavaScript 写的加密算法类库，可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列，进行 AES、DES、Rabbit、RC4、Triple DES 加解密。

[AES]: https://link.jianshu.com/?t=https%3A%2F%2Fblog.csdn.net%2Fqq_28205153%2Farticle%2Fdetails%2F55798628
[AES 1]: https://blog.csdn.net/vieri_32/article/details/48345023
[AES_ _ iOS_Android_JS]: https://my.oschina.net/u/2963821/blog/857449