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 相关文章推荐
Javascript中自动切换焦点实现代码
Dec 15 Javascript
jQuery实现 注册时选择阅读条款 左右移动
Apr 11 Javascript
ie下$.getJSON出现问题的解决方法
Feb 12 Javascript
Jquery遍历Json数据的方法
Apr 20 Javascript
js实现文字在按钮上滚动的方法
Aug 20 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
Oct 22 Javascript
JS不完全国际化&本地化手册 之 理论篇
Sep 27 Javascript
JS中的phototype详解
Feb 04 Javascript
js实现多行文本框统计剩余字数功能
Mar 28 Javascript
PHP实现记录代码运行时间封装类实例教程
May 08 Javascript
Django+Vue.js搭建前后端分离项目的示例
Aug 07 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
Apr 17 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+ajax实现文章自动保存的方法
2014/12/30 PHP
linux中cd命令使用详解
2015/01/08 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
PHP数组去重比较快的实现方式
2016/01/19 PHP
PHP调试的强悍利器之PHPDBG
2016/02/22 PHP
PHP中phar包的使用教程
2017/06/14 PHP
PHP children()函数讲解
2019/02/03 PHP
event对象的方法 兼容多浏览器
2009/06/27 Javascript
JavaScript 对象、函数和继承
2009/07/07 Javascript
jQuery hover 延时器实现代码
2011/03/12 Javascript
jQuery 删除/替换DOM元素的几种方式
2014/05/20 Javascript
Javascript实现可旋转的圆圈实例代码
2015/08/04 Javascript
js判断手机号运营商的方法
2015/10/23 Javascript
js实现截图保存图片功能的代码示例
2017/02/16 Javascript
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
NodeJS实现微信公众号关注后自动回复功能
2017/05/31 NodeJs
详解js的作用域、预解析机制
2018/02/05 Javascript
js实现各浏览器全屏代码实例
2018/07/03 Javascript
使用konva和vue-konva库实现拖拽滑块验证功能
2020/04/27 Javascript
Vue SSR 即时编译技术的实现
2020/05/06 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
2020/07/30 Javascript
Python编码类型转换方法详解
2016/07/01 Python
浅谈Python爬取网页的编码处理
2016/11/04 Python
python 中如何获取列表的索引
2019/07/02 Python
python编写计算器功能
2019/10/25 Python
韩国知名的家庭购物网站:CJmall
2016/08/01 全球购物
印尼穆斯林时尚购物网站:Hijabenka
2016/12/10 全球购物
阿里巴巴英国:Alibaba英国
2019/12/11 全球购物
Python面试题:Python是如何进行内存管理的
2014/08/04 面试题
新入职员工的自我介绍演讲稿
2014/01/02 职场文书
播音主持专业个人自我评价
2014/01/09 职场文书
新年抽奖获奖感言
2014/03/02 职场文书
药品营销策划方案
2014/06/15 职场文书
高三复习计划
2015/01/19 职场文书
贷款承诺书
2015/01/20 职场文书
利用Java连接Hadoop进行编程
2022/06/28 Java/Android