前端使用crypto.js进行加密

Posted 香巴拉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端使用crypto.js进行加密相关的知识,希望对你有一定的参考价值。

最近在使用Cookies加密保存数据的时候,接触到crypto,使用还算简单,在这里记录一下。

可以在这个GitHub的https://github.com/brix/crypto-js上下载该js,它可以单独引入所需要加密方式的js;也可以引入一个crypto-js.js 这个文件,它相当于引入了所有的加密方式,我使用的就是后者一次引入所有的加密文件,这个文件也不是很大,还可以接受。

因为我的需求是加密可逆,具有一定的安全性(对安全性要求不高),所以使用DES或AES即可,我用的是AES:

技术图片
function getAesString(data,key,iv){//加密
    var key  = CryptoJS.enc.Utf8.parse(key);
    var iv   = CryptoJS.enc.Utf8.parse(iv);
    var encrypted =CryptoJS.AES.encrypt(data,key,
        {
            iv:iv,
            mode:CryptoJS.mode.CBC,
            padding:CryptoJS.pad.Pkcs7
        });
    return encrypted.toString();    //返回的是base64格式的密文
}
function getDAesString(encrypted,key,iv){//解密
    var key  = CryptoJS.enc.Utf8.parse(key);
    var iv   = CryptoJS.enc.Utf8.parse(iv);
    var decrypted =CryptoJS.AES.decrypt(encrypted,key,
        {
            iv:iv,
            mode:CryptoJS.mode.CBC,
            padding:CryptoJS.pad.Pkcs7
        });
    return decrypted.toString(CryptoJS.enc.Utf8);     
}

function getAES(data){ //加密
    var key  = ‘AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA‘;  //密钥
    var iv   = ‘1234567812345678‘;
    var encrypted =getAesString(data,key,iv); //密文
    var encrypted1 =CryptoJS.enc.Utf8.parse(encrypted);
    return encrypted;
}

function getDAes(data){//解密
    var key  = ‘AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA‘;  //密钥
    var iv   = ‘1234567812345678‘;
    var decryptedStr =getDAesString(data,key,iv);
    return decryptedStr;
}
技术图片

key和iv我们都可以更换,但是需要保证的是加解密的key和iv保持一致

以上是关于前端使用crypto.js进行加密的主要内容,如果未能解决你的问题,请参考以下文章

C# 中用DES 对称Key,IV 加密,前端crypto.js 解密

crypto基于crypto.js的web前端加解密系统实现

前端DES加密

JS前端接口加密/解密

Vue AES+MD5加密 后台解密

js 加密 crypto.js