码迷,mamicode.com
首页 > Web开发 > 详细

前端使用crypto.js进行加密

时间:2017-12-16 18:45:47      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:hub   更换   上下   post   ros   function   工作   例子   pre   

最近我在前端使用Cookies保存密码的时候需要前端来进行加密工作,接触到crypto这个js,使用还算简单,在这里记录一下。

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

因为我的需求是密码可逆,有一定的安全性,所以使用DES或AES即可,我是用的就是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和vi保持一致

 

前端使用crypto.js进行加密

标签:hub   更换   上下   post   ros   function   工作   例子   pre   

原文地址:http://www.cnblogs.com/lz2017/p/8046816.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!