前端使用crypto.js进行加密的函数代码

 更新时间:2020年08月16日 00:19:02   作者:OverZeal  
最近在使用Cookies加密保存数据的时候,接触到crypto,使用还算简单,在这里记录一下

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

可以在这个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进行加密的函数代码的文章就介绍到这了,更多相关crypto.js加密内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 几句话带你理解JS中的this、闭包、原型链

    几句话带你理解JS中的this、闭包、原型链

    在javascript前端开发阶段经常会遇到this,闭包,原型链知识,那么大家对这三种的基本知识理解吗?今天小编就带领大家一起学习this,闭包,原型链的知识,感兴趣的朋友一起看看吧
    2016-09-09
  • 五种js判断是否为整数类型方式

    五种js判断是否为整数类型方式

    这篇文章主要介绍了五种JavaScript判断是否为整数类型方式,需要的朋友可以参考下
    2015-12-12
  • JavaScript中的FileReader图片预览上传功能实现代码

    JavaScript中的FileReader图片预览上传功能实现代码

    本文通过实例代码给大家介绍了js中的FileReader图片预览上传功能,代码分为html和js代码两部分,具体实现代码大家参考下本文
    2017-07-07
  • JS手机端touch事件计算滑动距离的方法示例

    JS手机端touch事件计算滑动距离的方法示例

    这篇文章主要介绍了JS手机端touch事件计算滑动距离的方法,结合实例形式分析了javascript响应手机端屏幕上touch事件计算滑动距离的相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • jqgrid 表格数据导出实例

    jqgrid 表格数据导出实例

    jqgrid并没有自带导出表格数据的方法,这里就自己实现了一个,尝试过在页面直接将数据导出,发现只有IE下可以通过调用saveas来实现,但是别的浏览器不支持,于是考虑将数据传回后台,然后后台返回下载文件来实现
    2013-11-11
  • Javascript实现Vue跨组件通信的方法详解

    Javascript实现Vue跨组件通信的方法详解

    这篇文章主要为大家详细介绍了Vue的跨组件通信,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • 使用classList来实现两个按钮样式的切换方法

    使用classList来实现两个按钮样式的切换方法

    下面小编就为大家分享一篇使用classList来实现两个按钮样式的切换方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • 深入了解JavaScript中递归的理解与实现

    深入了解JavaScript中递归的理解与实现

    本文将通过递归的经典案例:求斐波那契数来讲解递归,通过画递归树的方式来讲解其时间复杂度和空间复杂度以及递归的执行顺序,感兴趣的可以了解一下
    2022-06-06
  • js中的bigint类型转化为json字符串时报无法序列化的问题

    js中的bigint类型转化为json字符串时报无法序列化的问题

    JSON序列化指将JSON对象转换为JSON字符串,J实现方式有两种:一种是调用JSON对象内置的stringify()函数,一种是为对象自定义toJSON()函数,本文重点介绍js中的bigint类型转化为json字符串时报无法序列化的问题,感兴趣的朋友一起看看吧
    2024-01-01
  • javascript for循环设法提高性能

    javascript for循环设法提高性能

    让你的for循环提升性能的写法,需要的朋友可以参考下。
    2010-02-02

最新评论