vue.js使用3DES加密的方法示例


Posted in Javascript onMay 18, 2018

本文实例讲述了vue.js使用3DES加密的方法。分享给大家供大家参考,具体如下:

如何在VUE-CLI手脚架建立的工程中使用3des加密:

npm install crypto-js --save-dev
import CryptoJS from 'crypto-js'
//DES加密 Pkcs7填充方式
encryptByDES(message, key){
  const keyHex = CryptoJS.enc.Utf8.parse(key);
  const encrypted = CryptoJS.DES.encrypt(message, keyHex, {
   mode: CryptoJS.mode.ECB,
   padding: CryptoJS.pad.Pkcs7
   });
  return encrypted.toString();
}
//DES解密
decryptByDES(ciphertext, key){
  const keyHex = CryptoJS.enc.Utf8.parse(key);
  // direct decrypt ciphertext
  const decrypted = CryptoJS.DES.decrypt({
     ciphertext: CryptoJS.enc.Base64.parse(ciphertext)
   }, keyHex, {
     mode: CryptoJS.mode.ECB,
     padding: CryptoJS.pad.Pkcs7
  });
  return decrypted.toString(CryptoJS.enc.Utf8);
}
const _key = 'abcdefghijklmn'
const _password = '123456'
//加密
console.log(this.encryptByDES(_password,_key))
//解密
console.log(this.decryptByDES(_password,_key))

简单看一下crypto-js https://www.npmjs.com/package/crypto-js

目录结构List of modules:

crypto-js/core
crypto-js/x64-core
crypto-js/lib-typedarrays
crypto-js/md5
crypto-js/sha1
crypto-js/sha256
crypto-js/sha224
crypto-js/sha512
crypto-js/sha384
crypto-js/sha3
crypto-js/ripemd160
crypto-js/hmac-md5
crypto-js/hmac-sha1
crypto-js/hmac-sha256
crypto-js/hmac-sha224
crypto-js/hmac-sha512
crypto-js/hmac-sha384
crypto-js/hmac-sha3
crypto-js/hmac-ripemd160
crypto-js/pbkdf2
crypto-js/aes
crypto-js/tripledes
crypto-js/rc4
crypto-js/rabbit
crypto-js/rabbit-legacy
crypto-js/evpkdf
crypto-js/format-openssl
crypto-js/format-hex
crypto-js/enc-latin1
crypto-js/enc-utf8
crypto-js/enc-hex
crypto-js/enc-utf16
crypto-js/enc-base64
crypto-js/mode-cfb
crypto-js/mode-ctr
crypto-js/mode-ctr-gladman
crypto-js/mode-ofb
crypto-js/mode-ecb
crypto-js/pad-pkcs7
crypto-js/pad-ansix923
crypto-js/pad-iso10126
crypto-js/pad-iso97971
crypto-js/pad-zeropadding
crypto-js/pad-nopadding

CryptoJS-v3.1.2点击此处本站下载

Javascript 相关文章推荐
jQuery each()方法的使用方法
Mar 18 Javascript
js字符串截取函数slice、substring和substr的比较
May 17 Javascript
详解jQuery中的deferred对象的使用(一)
May 27 Javascript
如何在JS中实现相互转换XML和JSON
Jul 19 Javascript
Vue 过渡(动画)transition组件案例详解
Jan 22 Javascript
Vue2单一事件管理组件通信
May 09 Javascript
详解webpack2+React 实例demo
Sep 11 Javascript
详解vue中axios的使用与封装
Mar 20 Javascript
微信小程序的线程架构【推荐】
May 14 Javascript
jquery分页优化操作实例分析
Aug 23 jQuery
element-ui树形控件后台返回的数据+生成组织树的工具类
Mar 05 Javascript
浅谈 JavaScript 沙箱Sandbox
Nov 02 Javascript
JS实现的3des+base64加密解密算法完整示例
May 18 #Javascript
JS实现调用本地摄像头功能示例
May 18 #Javascript
React全家桶环境搭建过程详解
May 18 #Javascript
vue单页开发父子组件传值思路详解
May 18 #Javascript
Node.js Buffer用法解读
May 18 #Javascript
从零开始搭建webpack+react开发环境的详细步骤
May 18 #Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
May 18 #Javascript
You might like
在PHP中实现Javascript的escape()函数代码
2010/08/08 PHP
浅析application/x-www-form-urlencoded和multipart/form-data的区别
2014/06/22 PHP
PHP数组遍历的几种常见方式总结
2019/02/15 PHP
jquery 分页控件实现代码
2009/11/30 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
2014/10/30 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
JS实现来回出现文字的状态栏特效代码
2015/10/31 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
微信小程序中实现一对多发消息详解及实例代码
2017/02/14 Javascript
微信小程序实现给循环列表添加点击样式实例
2017/04/26 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
2020/06/19 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
在Vue项目中使用d3.js的实例代码
2018/05/01 Javascript
node 命令方式启动修改端口的方法
2018/05/12 Javascript
JavaScript继承定义与用法实践分析
2018/05/28 Javascript
angular 实现同步验证器跨字段验证的方法
2019/04/11 Javascript
vue操作动画的记录animate.css实例代码
2019/04/26 Javascript
JS实现的碰撞检测与周期移动完整示例
2019/09/02 Javascript
vue导航栏部分的动态渲染实例
2019/11/01 Javascript
这样回答继承可能面试官更满意
2019/12/10 Javascript
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
react ant Design手动设置表单的值操作
2020/10/31 Javascript
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
对dataframe进行列相加,行相加的实例
2018/06/08 Python
python之列表推导式的用法
2019/11/29 Python
Jupyter 无法下载文件夹如何实现曲线救国
2020/04/22 Python
你应该知道的Python3.6、3.7、3.8新特性小结
2020/05/12 Python
python如何从键盘获取输入实例
2020/06/18 Python
关于Python 解决Python3.9 pandas.read_excel(‘xxx.xlsx‘)报错的问题
2020/11/28 Python
欧洲第一的摇滚和金属乐队服装网站:EMP
2017/10/26 全球购物
SmartBuyGlasses荷兰:购买太阳镜和眼镜
2020/03/16 全球购物
30年同学聚会感言
2014/01/30 职场文书
旷课检讨书1000字
2014/02/14 职场文书
小学班级口号大全
2015/12/25 职场文书
2019新员工试用期转正申请书3篇
2019/08/13 职场文书
使用pandas模块实现数据的标准化操作
2021/05/14 Python