CryptoJS加密解密

1.CryptoJS

CryptoJS库是前端js写的一个加密解密的工具,使用场景就是对于像账户密码等重要信息要显示在页面上时,需要加密,这样才能保证安全,CryptoJS提供了许多加密的方法,

请参考:

cryptojs-JavaScript中文网-JavaScript教程资源分享门户

大概理解下就是在多种加密解密的方法中,我们加密和解密时使用的方式要保持一致,

可以再参考一下下面的博客:

CryptoJS-中文文档 - 灰锅 - 博客园

这样我们大概就有了一个了解,下面我们来实现。

2.加密解密

加密方法 CODE 2-1,参数请参考图2-2

const encryption = (value: string, AESKey: string) => {
        let key = CryptoJS.enc.Utf8.parse(AESKey);
        let iv = CryptoJS.enc.Utf8.parse(AESKey.substr(0, 16)); // 偏移量:规定的是key前15位
        let srcs = CryptoJS.enc.Utf8.parse(value);
        let encrypted = CryptoJS.AES.encrypt(srcs, key, {
          iv: iv,
          mode: CryptoJS.mode.ECB,
          padding: CryptoJS.pad.Pkcs7,
        });
        return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
    }


encryption(pwd, md5(username));

                                                                           CODE 2-1

CryptoJS加密解密_第1张图片

                                                                           图2-2

简单解析:

加密使用了AES,第一个参数是要加密的值,这里就是密码(都要使CryptoJS.enc.Utf8.parse()方法进行格式转化),iv是偏移量,这里拿了MD5加密后的username的去前15位,mod:ECB,padding:pkcs7(这些没什么特殊的,规定好,只要解密的时候用一样的数据就好),返回加密的密码时,encrypted.ciphertext代表了普通文本的加密,一定要用Base64的方法

下面看解密吧:

const decryption = (value: string, AESKey: string) => {
    const key = CryptoJS.enc.Utf8.parse(AESKey);
    let iv = CryptoJS.enc.Utf8.parse(AESKey.substr(0, 16));
    const decrypt = CryptoJS.AES.decrypt(value, key, { iv: iv, mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });
    return CryptoJS.enc.Utf8.stringify(decrypt).toString();
  }

如上,只要保持一些配置和加密相同即可

你可能感兴趣的:(JS,个人总结,前端,javascript)