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 相关文章推荐
js中字符替换函数String.replace()使用技巧
Aug 14 Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
Sep 29 Javascript
jQuery中的ajax async同步和异步详解
Sep 29 Javascript
jQuery限制图片大小的方法
May 25 Javascript
Web 开发中Ajax的Session 超时处理方法
Jan 19 Javascript
vue中将网页打印成pdf实例代码
Jun 15 Javascript
如何编写一个d.ts文件的步骤详解
Apr 13 Javascript
在Vue中获取组件声明时的name属性方法
Sep 12 Javascript
React 项目迁移 Webpack Babel7的实现
Sep 12 Javascript
微信小程序tabBar设置实例解析
Nov 14 Javascript
JS实现打字游戏
Dec 17 Javascript
详解如何修改 node_modules 里的文件
May 22 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笔记之:日期函数的使用介绍
2013/04/24 PHP
PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
2016/05/06 PHP
php进行ip地址掩码运算处理的方法
2016/07/11 PHP
PHP压缩图片功能的介绍
2019/03/21 PHP
js下拉菜单语言选项简单实现
2013/09/23 Javascript
Javascript setInterval的两种调用方法(实例讲解)
2013/11/29 Javascript
DOM节点的替换或修改函数replaceChild()用法实例
2015/01/12 Javascript
JavaScript检测实例属性, 原型属性
2015/02/04 Javascript
JavaScript中的闭包介绍
2015/03/15 Javascript
JavaScript实现Iterator模式实例分析
2015/06/09 Javascript
跟我学习javascript的undefined与null
2015/11/17 Javascript
js实现图片上传并正常显示
2015/12/19 Javascript
AngularJs动态加载模块和依赖注入详解
2016/01/11 Javascript
Vue常用指令V-model用法
2017/03/08 Javascript
微信小程序 侧滑删除(左滑删除)
2017/05/23 Javascript
vue scroller返回页面记住滚动位置的实例代码
2018/01/29 Javascript
React中使用async validator进行表单验证的实例代码
2018/08/17 Javascript
webpack4简单入门实例
2018/09/06 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
2019/08/23 Javascript
js实现录音上传功能
2019/11/22 Javascript
[43:57]LGD vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python 计算数组中每个数字出现多少次--“Bucket”桶的思想
2017/12/19 Python
python使用Matplotlib绘制分段函数
2018/09/25 Python
TensorFlow卷积神经网络之使用训练好的模型识别猫狗图片
2019/03/14 Python
Python绘制三角函数图(sin\cos\tan)并标注特定范围的例子
2019/12/04 Python
pytorch实现用CNN和LSTM对文本进行分类方式
2020/01/08 Python
使用jupyter notebook将文件保存为Markdown,HTML等文件格式
2020/04/14 Python
Python return语句如何实现结果返回调用
2020/10/15 Python
CSS3实现同时执行倾斜和旋转的动画效果
2016/10/27 HTML / CSS
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
技校教师求职简历的自我评价
2013/10/20 职场文书
年检委托书
2014/08/30 职场文书
店铺转让协议书
2014/12/02 职场文书
2015夏季作息时间调整通知
2015/04/24 职场文书
合同补充协议书
2016/03/24 职场文书
JavaScript 去重和重复次数统计
2021/03/31 Javascript