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 相关文章推荐
常规表格多表头查询示例
Feb 21 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
Jun 16 Javascript
在JS数组特定索引处指定位置插入元素
Jul 27 Javascript
javascript消除window.close()的提示窗口
May 20 Javascript
JavaScript中的this机制
Jan 30 Javascript
jQuery实现调整表格单列顺序完整实例
Jun 20 Javascript
js原生代码实现轮播图的实例讲解
Jul 28 Javascript
在 webpack 中使用 ECharts的实例详解
Feb 05 Javascript
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
Angular4 组件通讯方法大全(推荐)
Jul 12 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
May 16 Javascript
Vue-cli3生成的Vue项目加载Mxgraph方法示例
May 31 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单例模式
2014/11/25 PHP
php中数据库连接方式pdo和mysqli对比分析
2015/02/25 PHP
详解WordPress中提醒安装插件以及隐藏插件的功能实现
2015/12/25 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
详解PHP 二维数组排序保持键名不变
2019/03/06 PHP
php基于 swoole 实现的异步处理任务功能示例
2019/08/13 PHP
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
2010/05/11 Javascript
javascript获取元素偏移量的方法有哪些
2014/06/24 Javascript
node.js中的console.info方法使用说明
2014/12/09 Javascript
javascript实现获取字符串hash值
2015/05/10 Javascript
javascript数组遍历的方法实例分析
2016/09/13 Javascript
微信小程序 实现点击添加移除class
2017/06/12 Javascript
详解Vue Elememt-UI构建管理后台
2018/02/27 Javascript
浅谈Webpack打包优化技巧
2018/06/12 Javascript
JS实现仿微信支付弹窗功能
2018/06/25 Javascript
vue实现百度语音合成的实例讲解
2019/10/14 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
2019/10/31 Javascript
详解Node.js使用token进行认证的简单示例
2020/05/25 Javascript
JavaScript DOM常用操作代码汇总
2020/07/03 Javascript
使用go和python递归删除.ds store文件的方法
2014/01/22 Python
Python专用方法与迭代机制实例分析
2014/09/15 Python
python使用cStringIO实现临时内存文件访问的方法
2015/03/26 Python
详解Python中的多线程编程
2015/04/09 Python
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
小米5s微信跳一跳小程序python源码
2018/01/08 Python
Pycharm以root权限运行脚本的方法
2019/01/19 Python
关于python3.9安装wordcloud出错的问题及解决办法
2020/11/02 Python
专门出售各种儿童读物的网站:Put Me In The Story
2016/08/07 全球购物
实现strstr功能,即在父串中寻找子串首次出现的位置
2016/08/05 面试题
总经理助理的八要求
2013/11/12 职场文书
仓库管理计划书
2014/05/04 职场文书
庆国庆活动总结
2014/08/28 职场文书
2014年国庆晚会主持词
2014/09/19 职场文书
【海涛DOTA解说】EVE女子战队独家录像加ZSMJ神牛两连发
2022/04/01 DOTA
Redis基本数据类型String常用操作命令
2022/06/01 Redis