JavaScript中常見(jiàn)加密解密方法總結(jié)

更新時(shí)間：2023年03月29日 09:20:27 作者：始識(shí)

這篇文章主要為大家詳細(xì)介紹了JavaScript中常見(jiàn)加密解密方法的實(shí)現(xiàn)，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)價(jià)值，感興趣的小伙伴可以了解一下

前言

Javascript 和我之前發(fā)的python加密以及go加密解密不一樣不需要導(dǎo)那么多的庫(kù)

只需要安裝幾個(gè)庫(kù) 其中需要了解最多的 crypto-js

具體就不多介紹了直接上官網(wǎng)

https://www.npmjs.com/package/crypto-js

安裝

npm install crypto-js --save-dev
npm install md5 --save-dev

1.一些常見(jiàn)的built-in 函數(shù)加密

unescape

unescape() 函數(shù)可對(duì)通過(guò) escape() 編碼的字符串進(jìn)行解碼。

let e = escape("始識(shí)")
console.log(e) // %u59CB%u8B58
let u = unescape(e)
console.log(u) // 始識(shí)

URL編碼與解碼

let e = encodeURI("https://始識(shí)的博客")
console.log(e) // https://%E5%A7%8B%E8%AD%98%E7%9A%84%E5%8D%9A%E5%AE%A2
let u = decodeURI(e)
console.log(u) // https://始識(shí)的博客

fromCharCode

將 Unicode 編碼轉(zhuǎn)為一個(gè)字符

var n = String.fromCharCode(65);
// A
 
 
[101,118,97,108].map(item=>{
    return String.fromCharCode(item)
})
 ['e', 'v', 'a', 'l']

2.Base64

btoa atob

let e = btoa("https://www.cnblogs.com/zichliang/p/17265960.html")
console.log(e) 
let u = atob(e)
console.log(u)

引用 crypto-js 加密模塊

var CryptoJS = require('crypto-js')
 
function base64Encode() {
  var srcs = CryptoJS.enc.Utf8.parse(text);
  var encodeData = CryptoJS.enc.Base64.stringify(srcs);
  return encodeData
}
 
function base64Decode() {
  var srcs = CryptoJS.enc.Base64.parse(encodeData);
  var decodeData = srcs.toString(CryptoJS.enc.Utf8);
  return decodeData
}
 
var text = "https://www.cnblogs.com/zichliang/p/17265960.html"
 
var encodeData = base64Encode()
var decodeData = base64Decode()
 
console.log("Base64 編碼: ", encodeData)
console.log("Base64 解碼: ", decodeData)
 
// Base64 編碼:  aHR0cHM6Ly93d3cuY25ibG9ncy5jb20vemljaGxpYW5nL3AvMTcyNjU5NjAuaHRtbA==
// Base64 解碼:  https://www.cnblogs.com/zichliang/p/17265960.html

3.MD5

// 引用 crypto-js 加密模塊
var CryptoJS = require('crypto-js')
 
function MD5Test() {
    var text = "https://www.cnblogs.com/zichliang"
    return CryptoJS.MD5(text).toString()
}
 
console.log(MD5Test())  // 50177badb579733de56b628ae57fb972

4.PBKDF2

// 引用 crypto-js 加密模塊
var CryptoJS = require('crypto-js')
 
function pbkdf2Encrypt() {
    var text = "https://www.cnblogs.com/zichliang"
    var salt = "1234567"
    // key 長(zhǎng)度 128，10 次重復(fù)運(yùn)算
    var encryptedData = CryptoJS.PBKDF2(text, salt, {keySize: 128/32,iterations: 10});
    return encryptedData.toString()
}
 
console.log(pbkdf2Encrypt())  // bcda4be78de797d8f5067331b1a70d40

5.SHA1

// 引用 crypto-js 加密模塊
var CryptoJS = require('crypto-js')
 
function SHA1Encrypt() {
    var text = "https://www.cnblogs.com/zichliang"
    return CryptoJS.SHA1(text).toString();
}
 
console.log(SHA1Encrypt())  // ca481c13d5af7135b69d11ffb0a443a635fbc307

6.HMAC

// 引用 crypto-js 加密模塊
var CryptoJS = require('crypto-js')
 
function HMACEncrypt() {
  var text = "https://www.cnblogs.com/zichliang"
  var key = "secret"
  return CryptoJS.HmacMD5(text, key).toString();
}
 
console.log(HMACEncrypt())// 20ca7a63f1f4a7047ffd6b722b45319a

7.DES

// 引用 crypto-js 加密模塊
var CryptoJS = require('crypto-js')
 
function desEncrypt() {
  var key = CryptoJS.enc.Utf8.parse(desKey),
      iv = CryptoJS.enc.Utf8.parse(desIv),
      srcs = CryptoJS.enc.Utf8.parse(text),
      // CBC 加密模式，Pkcs7 填充方式
      encrypted = CryptoJS.DES.encrypt(srcs, key, {
        iv: iv,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.Pkcs7
      });
  return encrypted.toString();
}
 
function desDecrypt() {
  var key = CryptoJS.enc.Utf8.parse(desKey),
      iv = CryptoJS.enc.Utf8.parse(desIv),
      srcs = encryptedData,
      // CBC 加密模式，Pkcs7 填充方式
      decrypted = CryptoJS.DES.decrypt(srcs, key, {
        iv: iv,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.Pkcs7
      });
  return decrypted.toString(CryptoJS.enc.Utf8);
}
 
var text = "https://www.cnblogs.com/zichliang"       // 待加密對(duì)象
var desKey = "0123456789ABCDEF"    // 密鑰
var desIv = "0123456789ABCDEF"    // 初始向量
 
var encryptedData = desEncrypt()
var decryptedData = desDecrypt()
 
console.log("加密字符串: ", encryptedData)
console.log("解密字符串: ", decryptedData)
 
// 加密字符串:  p+4ovmk1n5YwN3dq5y8VqhngLKW//5MM/qDgtj2SOC6TpJaFgSKEVg==
// 解密字符串:   https://www.cnblogs.com/zichliang

8.3DES

// 引用 crypto-js 加密模塊
var CryptoJS = require('crypto-js')
 
function tripleDesEncrypt() {
  var key = CryptoJS.enc.Utf8.parse(desKey),
      iv = CryptoJS.enc.Utf8.parse(desIv),
      srcs = CryptoJS.enc.Utf8.parse(text),
      // ECB 加密方式，Iso10126 填充方式
      encrypted = CryptoJS.TripleDES.encrypt(srcs, key, {
        iv: iv,
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Iso10126
      });
  return encrypted.toString();
}
 
function tripleDesDecrypt() {
  var key = CryptoJS.enc.Utf8.parse(desKey),
      iv = CryptoJS.enc.Utf8.parse(desIv),
      srcs = encryptedData,
      // ECB 加密方式，Iso10126 填充方式
      decrypted = CryptoJS.TripleDES.decrypt(srcs, key, {
        iv: iv,
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Iso10126
      });
  return decrypted.toString(CryptoJS.enc.Utf8);
}
 
var text = "https://www.cnblogs.com/zichliang"       // 待加密對(duì)象
var desKey = "0123456789ABCDEF"    // 密鑰
var desIv = "0123456789ABCDEF"    // 偏移量
 
var encryptedData = tripleDesEncrypt()
var decryptedData = tripleDesDecrypt()
 
console.log("加密字符串: ", encryptedData)
console.log("解密字符串: ", decryptedData)
 
// 加密字符串:   pl/nNfpIrejwK+/X87VmGZIbS3kOB+IpFcx/97wpR4AO6q9HGjxb4w==
// 解密字符串:   https://www.cnblogs.com/zichliang

9.AES

// 引用 crypto-js 加密模塊
var CryptoJS = require('crypto-js')
 
function aesEncrypt() {
    var key = CryptoJS.enc.Utf8.parse(aesKey),
        iv = CryptoJS.enc.Utf8.parse(aesIv),
        srcs = CryptoJS.enc.Utf8.parse(text),
        // CBC 加密方式，Pkcs7 填充方式
        encrypted = CryptoJS.AES.encrypt(srcs, key, {
            iv: iv,
            mode: CryptoJS.mode.CBC,
            padding: CryptoJS.pad.Pkcs7
        });
    return encrypted.toString();
}
 
function aesDecrypt() {
    var key = CryptoJS.enc.Utf8.parse(aesKey),
        iv = CryptoJS.enc.Utf8.parse(aesIv),
        srcs = encryptedData,
        // CBC 加密方式，Pkcs7 填充方式
        decrypted = CryptoJS.AES.decrypt(srcs, key, {
            iv: iv,
            mode: CryptoJS.mode.CBC,
            padding: CryptoJS.pad.Pkcs7
        });
    return decrypted.toString(CryptoJS.enc.Utf8);
}
 
var text = "https://www.cnblogs.com/zichliang"       // 待加密對(duì)象
var aesKey = "0123456789ABCDEF"   // 密鑰，16 倍數(shù)
var aesIv = "0123456789ABCDEF"    // 偏移量，16 倍數(shù)
 
var encryptedData = aesEncrypt()
var decryptedData = aesDecrypt()
 
console.log("加密字符串: ", encryptedData)
console.log("解密字符串: ", decryptedData)
 
// 加密字符串:  /q8i+1GN8yfzIb8CaEJfDOfDQ74in+XzQZYBtKF2wkAB6dM1qbBZ3HJVlY+kHDE3
// 解密字符串:  https://www.cnblogs.com/zichliang

10.RC4

// 引用 crypto-js 加密模塊
var CryptoJS = require('crypto-js')
 
function RC4Encrypt() {
    return CryptoJS.RC4.encrypt(text, key).toString();
}
 
function RC4Decrypt(){
    return CryptoJS.RC4.decrypt(encryptedData, key).toString(CryptoJS.enc.Utf8);
}
 
var text = "https://www.cnblogs.com/zichliang"
var key = "12345678ASDFG"
 
var encryptedData = RC4Encrypt()
var decryptedData = RC4Decrypt()
 
console.log("加密字符串: ", encryptedData)
console.log("解密字符串: ", decryptedData)
 
// 加密字符串:  U2FsdGVkX19/bT2W57mzjwoF5Fc3Zb4WiyDU+MiNMmHfdJvZeScl0EW9yJWCPiRrsA==
// 解密字符串:  https://www.cnblogs.com/zichliang

11.Rabbit

// 引用 crypto-js 加密模塊
var CryptoJS = require('crypto-js')
 
function rabbitEncrypt() {
    return CryptoJS.Rabbit.encrypt(text, key).toString();
}
 
function rabbitDecrypt() {
    return CryptoJS.Rabbit.decrypt(encryptedData, key).toString(CryptoJS.enc.Utf8);
}
 
var text = "https://www.cnblogs.com/zichliang/p/16653303.html"
var key = "1234567ASDFG"
 
var encryptedData = rabbitEncrypt()
var decryptedData = rabbitDecrypt()
 
console.log("加密字符串: ", encryptedData)
console.log("解密字符串: ", decryptedData)
 
// 加密字符串:  U2FsdGVkX1/pYbHvbNff3/RNpso4yRKIX0XDFta8hoLNxe52K8HSmF+XV8ayYqucTKVPP6AJtGczXS7U9kkxHnw=
// 解密字符串:  https://www.cnblogs.com/zichliang/p/16653303.html

12.RSA

使用 node-rsa

需要安裝一個(gè)庫(kù)

npm install node-rsa

// 引用 node-rsa 加密模塊
var NodeRSA = require('node-rsa');
 
function rsaEncrypt() {
    pubKey = new NodeRSA(publicKey,'pkcs8-public');
    var encryptedData = pubKey.encrypt(text, 'base64');
    return encryptedData
}
 
function rsaDecrypt() {
    priKey = new NodeRSA(privatekey,'pkcs8-private');
    var decryptedData = priKey.decrypt(encryptedData, 'utf8');
    return decryptedData
}
 
var key = new NodeRSA({b: 512});                    //生成512位秘鑰
var publicKey = key.exportKey('pkcs8-public');    //導(dǎo)出公鑰
var privatekey = key.exportKey('pkcs8-private');  //導(dǎo)出私鑰
var text = "https://www.cnblogs.com/zichliang/p/16653303.html"
 
var encryptedData = rsaEncrypt()
var decryptedData = rsaDecrypt()
 
console.log("公鑰:\n", publicKey)
console.log("私鑰:\n", privatekey)
console.log("加密字符串: ", encryptedData)
console.log("解密字符串: ", decryptedData)
 
/*
公鑰:
 -----BEGIN PUBLIC KEY-----
MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAN7JoMDNvvpB/po2OMSeSKsromfP5EyI
0fAz6XDVwqdTUBwwAArLlqIzmVNK0yi4nlbj5eF+O8ZjRkRQ6xKP/CMCAwEAAQ==
-----END PUBLIC KEY-----
私鑰:
 -----BEGIN PRIVATE KEY-----
MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEA3smgwM2++kH+mjY4
xJ5IqyuiZ8/kTIjR8DPpcNXCp1NQHDAACsuWojOZU0rTKLieVuPl4X47xmNGRFDr
Eo/8IwIDAQABAkEArI0Ps6TnIJ9SmZAbYbWSZPjTvYHXuatSpq8eQ+Vb8Ql003G5
Y2FIoWpQX1jQ9/DsxEZ/1u+71bl08z1eONz2KQIhAPgLZOKanhDDaOn5sO7Y2RM3
TyLS08mCGNGQxEhkEttFAiEA5e7bvnrSNh1lcF/QTxkWPGoXb9kxPljm49CfiTS9
PEcCIDzxX7olTwzDVjWWeZhVgxArmK/vqMVrx3lF3lQC8ncZAiBlpY5nSoybd6tc
Xj8MeJ6n3o6112I5mbuYgqXEVhhCCQIgY6vinhOzMF0dX9MNjBm8x1mUCd4XG2TN
QQcOik3RIGw=
-----END PRIVATE KEY-----
加密字符串:  ZolvYwjFqOp1Yldui7rm75mSN5kz7533nc3B3H6xZGQR9v0elhbcjmI9vXaBsgdLNTuyoVk3bfzWfQdeIpvCpcBCTGe1HG9KrSBYDiWJc4vBgVBz8D57/XaS1zjM0kuAJ/ELu4os7XG5lMQbRbFhHXs7zQsIBq6/m2IZdGWx7HjB2jiQBQPMfszdQUOwQA
bM5o7lRvUgdMVaZkEWpOTEybmUX4kxBP5CvNtB86oTRUw+U7Ex7QB8lWj33hoKvh70
解密字符串:  https://www.cnblogs.com/zichliang/p/16653303.html
*/

使用自帶模塊crypto

const crypto = require('crypto');
const nodeRSA = require('node-rsa');
 
// 生成一個(gè)1024長(zhǎng)度的密鑰對(duì)
const key = new nodeRSA({b: 1024});
// 導(dǎo)出公鑰
const publicKey = key.exportKey('public');
// 導(dǎo)出私鑰
const privateKey = key.exportKey('private');
 
const secret = 'https://www.cnblogs.com/zichliang/p/16653303.html'
// 使用私鑰加密，公鑰解密
const encrypt = crypto.privateEncrypt(privateKey, Buffer.from(secret));
const decrypt = crypto.publicDecrypt(publicKey, encrypt);
 
console.log('加密后：', encrypt.toString('base64'));
console.log('解密后：', decrypt.toString());

13.RSA 長(zhǎng)加密

這個(gè)加密是真的麻煩，而且還需要導(dǎo)入jsencrypt.min.js

這里貼上 GitHub地址 https://github.com/wangqinglongDo/github_demo/blob/master/libs/jsencrypt.min.js

對(duì)了還需要補(bǔ)環(huán)境而且解密也不是很好用，如果有大佬知道如何解密的希望在評(píng)論區(qū)告訴我

var encrypt = new JSEncrypt();
var publickKey = "-----BEGIN PUBLIC KEY-----\
MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDLFb8qp1vRFvi/qfgi1Wg7Mi8l\
LcpfAc+tgpyD7aFW9QquQVMm/jG1IJZVQ6LsdkI7TiDutMCzOMCBXbdSC9BCIAGA\
L2Sz3cYVlGb1kYSM0ZMcUMIK5eF4Bptke070XHvbi8wArtysJ0l71RHDd786tNbG\
W0hDSw3zAqTErbxFaQIDAQAB\
-----END PUBLIC KEY-----\
"
encrypt.setPublicKey(publickKey);  //設(shè)置公鑰加密證書(shū)
var data = "https://www.cnblogs.com/zichliang/p/17265960.html";
var commonEncodeData = encrypt.encryptLong(data);   // 普通的加密
 
console.log(commonEncodeData)
 
var cnEscapeData = window.btoa(window.encodeURIComponent(data));  //base64 解密后的加密
var encryptData = encrypt.encryptLong(cnEscapeData);  //獲取加密后數(shù)據(jù)。
console.log(encryptData)

以上就是JavaScript中常見(jiàn)加密解密方法總結(jié)的詳細(xì)內(nèi)容，更多關(guān)于JavaScript加密解密的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: