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 封装Ajax传递的数据代码
Jun 05 Javascript
基于jQuery的获得各种控件Value的方法
Nov 19 Javascript
Node.js生成HttpStatusCode辅助类发布到npm
Apr 09 Javascript
JavaScript实现列出数组中最长的连续数
Dec 29 Javascript
Bootstrap开关(switch)控件学习笔记分享
May 30 Javascript
JS JSOP跨域请求实例详解
Jul 04 Javascript
用jQuery实现优酷首页轮播图
Jan 09 Javascript
Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)
Aug 16 Javascript
解析Vue.js中的组件
Feb 02 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
Oct 25 Javascript
vue学习笔记之给组件绑定原生事件操作示例
Feb 27 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/08/17 PHP
php无序树实现方法
2015/07/28 PHP
php cookie工作原理与实例详解
2016/07/18 PHP
cnblogs csdn 代码运行框实现代码
2009/11/02 Javascript
jquery禁用右键示例
2014/04/28 Javascript
jquery.mousewheel实现整屏翻屏效果
2015/08/30 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
2016/06/24 Javascript
JavaScript中ES6字符串扩展方法
2016/08/26 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
2016/10/13 Javascript
element UI upload组件上传附件格式限制方法
2018/09/04 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
2019/03/29 Javascript
BootstrapValidator实现表单验证功能
2019/11/08 Javascript
Javascript组合继承方法代码实例解析
2020/04/02 Javascript
原生js+canvas实现贪吃蛇效果
2020/08/02 Javascript
解决ant Design中Select设置initialValue时的大坑
2020/10/29 Javascript
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python dict remove数组删除(del,pop)
2013/03/24 Python
Python实现登录人人网并抓取新鲜事的方法
2015/05/11 Python
python实现对求解最长回文子串的动态规划算法
2018/06/02 Python
Python操作mongodb的9个步骤
2018/06/04 Python
Python实现随机取一个矩阵数组的某几行
2019/11/26 Python
Python如何获取文件路径/目录
2020/09/22 Python
scrapy-splash简单使用详解
2021/02/21 Python
在阿联酋购买翻新手机和平板电脑:Teckzu
2021/02/12 全球购物
会计毕业生求职简历的自我评价
2013/10/20 职场文书
优秀毕业生自我鉴定
2014/01/19 职场文书
论文诚信承诺书
2014/05/23 职场文书
县委常委班子对照检查材料思想汇报
2014/09/28 职场文书
2014年数学教师工作总结
2014/12/03 职场文书
员工年终考核评语
2014/12/31 职场文书
幼儿教师年度个人总结
2015/02/05 职场文书
药店收银员岗位职责
2015/04/07 职场文书
幼儿园春季开学通知
2015/07/16 职场文书
2016国庆节67周年寄语
2015/12/07 职场文书
使用qt quick-ListView仿微信好友列表和聊天列表的示例代码
2021/06/13 Python