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


Posted in Javascript onAugust 16, 2020

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加密内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
event.srcElement+表格应用
Aug 29 Javascript
JavaScript 模式之工厂模式(Factory)应用介绍
Nov 15 Javascript
js的for in循环和java里foreach循环的区别分析
Jan 28 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
面包屑导航详解
Dec 07 Javascript
js中自定义react数据验证组件实例详解
Oct 19 Javascript
Vue中的methods、watch、computed的区别
Nov 26 Javascript
js设置鼠标悬停改变背景色实现详解
Jun 26 Javascript
vue路由传参三种基本方式详解
Dec 09 Javascript
JavaScript隐式类型转换代码实例
May 29 Javascript
Vue 构造选项 - 进阶使用说明
Aug 14 Javascript
如何在VUE中使用vue-awesome-swiper
Jan 04 Vue.js
vue Treeselect 树形下拉框:获取选中节点的ids和lables操作
Aug 15 #Javascript
Vue使用axios引起的后台session不同操作
Aug 14 #Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
Aug 14 #Javascript
vue项目在线上服务器访问失败原因分析
Aug 14 #Javascript
vue设置全局访问接口API地址操作
Aug 14 #Javascript
浅谈vue项目,访问路径#号的问题
Aug 14 #Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
Aug 14 #Javascript
You might like
测试PHP连接MYSQL成功与否的代码
2013/08/16 PHP
ie focus bug 解决方法
2009/09/03 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
2011/07/11 Javascript
JQuery动态创建DOM、表单元素的实现代码
2011/08/09 Javascript
js函数调用的方式
2014/05/06 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
2014/10/23 Javascript
详谈jQuery中的this和$(this)
2014/11/13 Javascript
jQuery()方法的第二个参数详解
2015/04/29 Javascript
深入理解逻辑表达式的用法 与或非的用法
2016/06/06 Javascript
适用于手机端的jQuery图片滑块动画
2016/12/09 Javascript
基于JS实现bookstore静态页面的实例代码
2017/02/22 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
2017/08/25 Javascript
vue绑定事件后获取绑定事件中的this方法
2018/09/15 Javascript
javascript function(函数类型)使用与注意事项小结
2019/06/10 Javascript
JS阻止事件冒泡的方法详解
2019/08/26 Javascript
vuex存值与取值的实例
2019/11/06 Javascript
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
JS实现4位随机验证码
2020/10/19 Javascript
Python连接DB2数据库
2016/08/27 Python
Python中index()和seek()的用法(详解)
2017/04/27 Python
Python中的Django基本命令实例详解
2018/07/15 Python
详解Django的CSRF认证实现
2018/10/09 Python
Pycharm设置utf-8自动显示方法
2019/01/17 Python
python通过txt文件批量安装依赖包的实现步骤
2019/08/13 Python
python实现画出e指数函数的图像
2019/11/21 Python
Python3 实现减少可调用对象的参数个数
2019/12/20 Python
Django-xadmin+rule对象级权限的实现方式
2020/03/30 Python
css3中background新增的4个新的相关属性用法介绍
2013/09/26 HTML / CSS
西班牙灯具网上商店:Lampara.es
2018/06/05 全球购物
办理退休介绍信
2014/01/09 职场文书
啤酒节策划方案
2014/05/28 职场文书
干部年终考核评语
2015/01/04 职场文书
30岁前绝不能错过的10本书
2019/08/08 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书
何时使用Map来代替普通的JS对象
2021/04/29 Javascript
Django实现在线无水印抖音视频下载(附源码及地址)
2021/05/06 Python