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 相关文章推荐
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
Apr 17 Javascript
NODE.JS加密模块CRYPTO常用方法介绍
Jun 05 Javascript
js字符串完全替换函数分享
Dec 03 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
Aug 22 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
Nov 30 Javascript
Bootstrap笔记之缩略图、警告框实例详解
Mar 09 Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
Mar 19 Javascript
AngularJS中$http的交互问题
Mar 29 Javascript
js禁止浏览器的回退事件
Apr 20 Javascript
webpack打包非模块化js的方法
Oct 24 Javascript
原生JavaScript实现刮刮乐
Sep 29 Javascript
微信小程序APP的生命周期及页面的生命周期
Apr 19 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
第1次亲密接触PHP5(1)
2006/10/09 PHP
is_uploaded_file函数引发的不能上传文件问题
2013/10/29 PHP
php命令行使用方法和命令行参数说明
2014/04/08 PHP
wordpress安装过程中遇到中文乱码的处理方法
2015/04/21 PHP
mysql desc(DESCRIBE)命令实例讲解
2016/09/24 PHP
php实现购物车产品删除功能(2)
2020/07/23 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
js输出列表实现代码
2010/09/12 Javascript
javascript smipleChart 简单图标类
2011/01/12 Javascript
判断某个字符在一个字符串中是否存在的js代码
2014/02/28 Javascript
JS实现图片无间断滚动代码汇总
2014/07/30 Javascript
实例讲解JavaScript中的this指向错误解决方法
2016/06/13 Javascript
JavaScript 对象详细整理总结
2016/09/29 Javascript
Angular 2.x学习教程之结构指令详解
2017/05/25 Javascript
vue2手机APP项目添加开屏广告或者闪屏广告
2017/11/28 Javascript
JS文件中加载jquery.js的实例代码
2018/05/05 jQuery
微信小程序判断页面是否从其他页面返回的实例代码
2019/07/03 Javascript
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
Python基于回溯法子集树模板解决野人与传教士问题示例
2017/09/11 Python
Tensorflow之Saver的用法详解
2018/04/23 Python
python获取程序执行文件路径的方法(推荐)
2018/04/26 Python
用Python读取几十万行文本数据
2018/12/24 Python
Django框架实现的普通登录案例【使用POST方法】
2019/05/15 Python
对Django项目中的ORM映射与模糊查询的使用详解
2019/07/18 Python
python 函数中的参数类型
2020/02/11 Python
基于python实现可视化生成二维码工具
2020/07/08 Python
如何基于pandas读取csv后合并两个股票
2020/09/25 Python
美国伊甸园兄弟种子公司:Eden Brothers
2018/07/01 全球购物
Speedo速比涛法国官方网站:泳衣、泳镜、泳帽、泳裤
2019/07/30 全球购物
网络教育自我鉴定
2014/02/04 职场文书
《在家里》教后反思
2014/03/01 职场文书
2014年纪检工作总结
2014/11/12 职场文书
我们的节日元宵节活动总结
2015/02/06 职场文书
幼儿园奖惩制度范本
2015/08/05 职场文书
《吃水不忘挖井人》教学反思
2016/02/22 职场文书
详解Nginx 工作原理
2021/03/31 Servers