脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript加密解密

JavaScript中常见加密解密方法总结

 更新时间：2023年03月29日 09:20:27   作者：始識  
这篇文章主要为大家详细介绍了JavaScript中常见加密解密方法的实现，文中的示例代码讲解详细，具有一定的学习价值，感兴趣的小伙伴可以了解一下

前言

Javascript 和 我之前发的python加密以及go加密解密不一样 不需要导那么多的库

只需要安装几个库 其中需要了解最多的 crypto-js

具体就不多介绍了直接上官网

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

安装

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

1.一些常见的built-in 函数加密

unescape

unescape() 函数可对通过 escape() 编码的字符串进行解码。

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

URL编码与解码

let e = encodeURI("https://始識的博客")
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://始識的博客

fromCharCode

将 Unicode 编码转为一个字符

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 长度 128，10 次重复运算
    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"       // 待加密对象
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"       // 待加密对象
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"       // 待加密对象
var aesKey = "0123456789ABCDEF"   // 密钥，16 倍数
var aesIv = "0123456789ABCDEF"    // 偏移量，16 倍数
 
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

需要安装一个库

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');    //导出公钥
var privatekey = key.exportKey('pkcs8-private');  //导出私钥
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');
 
// 生成一个1024长度的密钥对
const key = new nodeRSA({b: 1024});
// 导出公钥
const publicKey = key.exportKey('public');
// 导出私钥
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 长加密

这个加密是真的麻烦 ，而且还需要导入jsencrypt.min.js

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

对了 还需要补环境 而且解密也不是很好用，如果有大佬知道如何解密的 希望在评论区告诉我

var encrypt = new JSEncrypt();
var publickKey = "-----BEGIN PUBLIC KEY-----\
MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDLFb8qp1vRFvi/qfgi1Wg7Mi8l\
LcpfAc+tgpyD7aFW9QquQVMm/jG1IJZVQ6LsdkI7TiDutMCzOMCBXbdSC9BCIAGA\
L2Sz3cYVlGb1kYSM0ZMcUMIK5eF4Bptke070XHvbi8wArtysJ0l71RHDd786tNbG\
W0hDSw3zAqTErbxFaQIDAQAB\
-----END PUBLIC KEY-----\
"
encrypt.setPublicKey(publickKey);  //设置公钥加密证书
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);  //获取加密后数据。
console.log(encryptData)

以上就是JavaScript中常见加密解密方法总结的详细内容，更多关于JavaScript加密解密的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

相关文章

  • JS实现随机颜色的3种方法与颜色格式的转化

    JS实现随机颜色的3种方法与颜色格式的转化

    随机颜色和颜色格式是我们在开发中经常要用到的一个小功能，网上相关的资料也很多，想着有必要总结一下自己的经验。所以这篇文章主要介绍了JS实现随机颜色的3种方法与颜色格式的转化,需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-01-01
  • echart自适应宽度的两种方法实例

    echart自适应宽度的两种方法实例

    最近工作中element后台管理使用Echarts图表,在使用过程中也遇到了些问题,下面这篇文章主要给大家介绍了关于echart自适应宽度的两种方法,需要的朋友可以参考下
    2022-12-12
  • js实现简单广告小窗口

    js实现简单广告小窗口

    这篇文章主要为大家详细介绍了js实现简单广告小窗口，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • javascript白色简洁计算器

    javascript白色简洁计算器

    白色简洁样式计算器JS代码是一款精美简洁计算器JS代码插件网页特效，软件应用，后台应用JS计算器插件代码免费下载。
    2015-05-05
  • 关于javascript sort()排序你可能忽略的一点理解

    关于javascript sort()排序你可能忽略的一点理解

    最近在研究Javascript发现了其中一些之前忽略的问题，所以想着总结分享出来，下面这篇文章主要给大家介绍了关于javascript sort()排序你可能忽略的一点理解，文中介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-07-07
  • JavaScript编写一个简易购物车功能

    JavaScript编写一个简易购物车功能

    这篇文章主要为大家详细介绍了JavaScript简易购物车功能的编写代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-09-09
  • JavaScript命名空间模式实例详解

    JavaScript命名空间模式实例详解

    这篇文章主要介绍了JavaScript命名空间模式,结合实例形式分析了javascript命名空间模式的相关概念、原理、实现方法及操作注意事项,需要的朋友可以参考下
    2019-06-06
  • bootstrap布局中input输入框右侧图标点击功能

    bootstrap布局中input输入框右侧图标点击功能

    这篇文章主要为大家详细介绍了bootstrap布局中input输入框右侧图标点击功能实现的相关代码，感兴趣的小伙伴们可以参考一下
    2016-05-05
  • echarts动态渲染柱状图背景颜色及顶部数值方法详解

    echarts动态渲染柱状图背景颜色及顶部数值方法详解

    在使用echarts时,有时需要给柱状图设置背景,下面这篇文章主要给大家介绍了关于echarts动态渲染柱状图背景颜色及顶部数值的相关资料,文中通过图文以及代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • 详解TypeScript编译TSX文件的方法

    详解TypeScript编译TSX文件的方法

    因为使用 Cycle.js 的 Vite + TSX 所以想详细的探索 TSX 在 TS 配置中的编译情况,本文主要讲解 tsconfig 和 tsx 编译与配置,以常见的框架 PReact 的虚拟 DOM + TSX 组合、snabbdom + TSX 组合不同的配置以及编译输出
    2023-09-09

最新评论