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 相关文章推荐
游戏人文件夹程序 ver 4.03
Jul 14 Javascript
js中哈希表的几种用法总结
Jan 28 Javascript
浅谈$(document)和$(window)的区别
Jul 15 Javascript
jquery实现的简单二级菜单效果代码
Sep 22 Javascript
浅谈jquery点击label触发2次的问题
Jun 12 Javascript
JS对HTML表格进行增删改操作
Aug 22 Javascript
AngularJS API之copy深拷贝详解及实例
Sep 14 Javascript
vue学习笔记之v-if和v-show的区别
Sep 20 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
Apr 12 jQuery
Angular脚手架开发的实现步骤
Apr 09 Javascript
vue2.0 实现富文本编辑器功能
May 26 Javascript
js prototype和__proto__的关系是什么
Aug 23 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
PHP5 操作MySQL数据库基础代码
2009/09/29 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
WordPress中调试缩略图的相关PHP函数使用解析
2016/01/07 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
csdn 批量接受好友邀请
2009/02/19 Javascript
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
2013/09/29 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
jquery+php实现搜索框自动提示
2014/11/28 Javascript
jQuery大于号(>)选择器的作用解释
2015/01/13 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
jQuery基于扩展实现的倒计时效果
2016/05/14 Javascript
Vue数据驱动模拟实现3
2017/01/11 Javascript
简单实现js菜单栏切换效果
2017/03/04 Javascript
nodeJS实现简单网页爬虫功能的实例(分享)
2017/06/08 NodeJs
webpack+vue-cli项目中引入外部非模块格式js的方法
2018/09/28 Javascript
vue实现分页的三种效果
2020/06/23 Javascript
详解Vue中Axios封装API接口的思路及方法
2020/10/10 Javascript
[04:52]第二届DOTA2亚洲邀请赛主赛事第一天比赛集锦:OG娜迦海妖放大配合谜团大中3人
2017/04/02 DOTA
在Python的Django框架下使用django-tagging的教程
2015/05/30 Python
Python有序查找算法之二分法实例分析
2017/12/11 Python
Python中将变量按行写入txt文本中的方法
2018/04/03 Python
在Windows中设置Python环境变量的实例讲解
2018/04/28 Python
python通过配置文件共享全局变量的实例
2019/01/11 Python
如何用Python和JS实现的Web SSH工具
2021/02/23 Python
中专自荐信
2013/10/13 职场文书
便利店促销方案
2014/02/20 职场文书
我的大学生活演讲稿
2014/04/25 职场文书
医院节能减排方案
2014/06/13 职场文书
人力资源管理专业自荐信
2014/06/24 职场文书
群众路线自我剖析材料
2014/10/08 职场文书
2014年教研工作总结
2014/12/06 职场文书
土建技术员岗位职责
2015/04/11 职场文书
保护环境建议书作文400字
2015/09/14 职场文书
幼儿园教师辞职信
2019/06/21 职场文书
Sql Server之数据类型详解
2022/02/28 SQL Server