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

本文实例讲述了vue.js使用3DES加密的方法。分享给大家供大家参考，具体如下：如何在VUE-CLI

本文实例讲述了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.jb51.net/password/txt_encode

在线编码转换工具(utf-8/utf-32/Punycode/Base64)： http://tools.jb51.net/transcoding/decode_encode_tool

在线MD5/hash/SHA-1/SHA-2/SHA-256/SHA-512/SHA-3/RIPEMD-160加密工具： http://tools.jb51.net/password/hash_md5_sha

在线sha1/sha224/sha256/sha384/sha512加密工具： http://tools.jb51.net/password/sha_encode

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