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 http://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.zwyuanma.com/password/txt_encode

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

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

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

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

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

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

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