≡
  • 网络编程
  • 数据库
  • CMS技巧
  • 软件编程
  • PHP笔记
  • JavaScript
  • MySQL
位置:首页 > 网络编程 > vue.js

vue.js使用3DES加密的方法示例

人气:413 时间:2019-04-11

这篇文章主要为大家详细介绍了vue.js使用3DES加密的方法示例,具有一定的参考价值,可以用来参考一下。

感兴趣的小伙伴,下面一起跟随四海网的小编两巴掌来看看吧!

本文实例讲述了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

点击此处本站下载

 

 

PS:关于加密解密感兴趣的朋友还可以参考本站在线工具:

 

 

文字在线加密解密工具(包含AES、DES、RC4等):

http://tools.q1010.com/password/txt_encode

 

 

在线编码转换工具(utf-8/utf-32/Punycode/Base64):

http://tools.q1010.com/transcoding/decode_encode_tool

 

 

在线MD5/hash/SHA-1/SHA-2/SHA-256/SHA-512/SHA-3/RIPEMD-160加密工具:

http://tools.q1010.com/password/hash_md5_sha

 

 

在线sha1/sha224/sha256/sha384/sha512加密工具:

http://tools.q1010.com/password/sha_encode

 

希望本文所述对大家vue.js程序设计有所帮助。

本文来自:http://www.q1010.com/184/5515-0.html

注:关于vue.js使用3DES加密的方法示例的内容就先介绍到这里,更多相关文章的可以留意四海网的其他信息。

关键词:vue.js

您可能感兴趣的文章

  • vue input输入框模糊查询的示例代码
  • vue单页开发父子组件传值思路分析
  • 分析使用vue-admin-template的优化历程
  • Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
  • 讲解vue-router之什么是嵌套路由
  • Vue 全局loading组件实例分析
  • vue源码学习之Object.defineProperty对象属性监听
  • vue 表单输入格式化中文输入法异常问题
  • vue源码学习之Object.defineProperty 对数组监听
  • Vue组件之极简的地址选择器的实现
上一篇:分析vue的diff算法原理
下一篇:vue input输入框模糊查询的示例代码
热门文章
  • Vue 报错TypeError: this.$set is not a function 的解决方法
  • vue实现动态添加数据滚动条自动滚动到底部的示例代码
  • vue项目设置scrollTop不起作用(总结)
  • vue项目中使用vue-i18n报错的解决方法
  • iview实现select tree树形下拉框的示例代码
  • 分析关于element级联选择器数据回显问题
  • vue项目打包后打开页面空白解决办法
  • 解决element ui select下拉框不回显数据问题的解决
  • element-ui table span-method(行合并)的实现代码
  • element-ui 设置菜单栏展开的方法
  • 最新文章
    • 理解vue ssr原理并自己搭建简单的ssr框架
    • vue favicon设置以及动态修改favicon的方法
    • vue-router启用history模式下的开发及非根目录部署方法
    • 从零开始在NPM上发布一个Vue组件的方法步骤
    • Element input树型下拉框的实现代码
    • Vue 报错TypeError: this.$set is not a function 的解决方法
    • Vue.js组件高级特性实例分析
    • 浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
    • 分析Vue.js自定义tipOnce指令用法实例
    • 浅谈vuex actions和mutation的异曲同工

四海网收集整理一些常用的php代码,JS代码,数据库mysql等技术文章。