在 JavaScript 中实现数据加密与解密：Web Cryptography API 与 CryptoJS详解

在 JavaScript 中，可以使用 Web Cryptography API 或第三方库如

crypto-js

来实现加密和解密。本文将介绍如何使用这两种方法在客户端进行数据的加密和解密。

使用 Web Cryptography API

Web Cryptography API 是现代浏览器提供的一个强大、原生的加密 API。它允许在客户端进行加密、解密、签名和验证等操作。

生成密钥对

首先，生成一个 RSA 密钥对：

asyncfunctiongenerateKeyPair(){const keyPair =await window.crypto.subtle.generateKey({name:"RSA-OAEP",modulusLength:2048,publicExponent:newUint8Array([1,0,1]),hash:"SHA-256"},true,["encrypt","decrypt"]);const publicKey =await window.crypto.subtle.exportKey("spki", keyPair.publicKey);const privateKey =await window.crypto.subtle.exportKey("pkcs8", keyPair.privateKey);return{publicKey: publicKey,privateKey: privateKey
  };}generateKeyPair().then(keyPair=>{
  console.log("Public Key:",arrayBufferToBase64(keyPair.publicKey));
  console.log("Private Key:",arrayBufferToBase64(keyPair.privateKey));});

加密数据

使用公钥加密数据：

asyncfunctionencryptData(data, publicKey){const publicKeyBuffer =base64ToArrayBuffer(publicKey);const cryptoKey =await window.crypto.subtle.importKey("spki",
    publicKeyBuffer,{name:"RSA-OAEP",hash:"SHA-256"},true,["encrypt"]);const encodedData =newTextEncoder().encode(data);const encryptedData =await window.crypto.subtle.encrypt({name:"RSA-OAEP"},
    cryptoKey,
    encodedData
  );returnarrayBufferToBase64(encryptedData);}

解密数据

使用私钥解密数据：

asyncfunctiondecryptData(encryptedData, privateKey){const privateKeyBuffer =base64ToArrayBuffer(privateKey);const cryptoKey =await window.crypto.subtle.importKey("pkcs8",
    privateKeyBuffer,{name:"RSA-OAEP",hash:"SHA-256"},true,["decrypt"]);const encryptedBuffer =base64ToArrayBuffer(encryptedData);const decryptedData =await window.crypto.subtle.decrypt({name:"RSA-OAEP"},
    cryptoKey,
    encryptedBuffer
  );returnnewTextDecoder().decode(decryptedData);}

工具函数

用于在 ArrayBuffer 和 Base64 之间转换的工具函数：

functionarrayBufferToBase64(buffer){let binary ='';const bytes =newUint8Array(buffer);const len = bytes.byteLength;for(let i =0; i < len; i++){
    binary += String.fromCharCode(bytes[i]);}return window.btoa(binary);}functionbase64ToArrayBuffer(base64){const binaryString = window.atob(base64);const len = binaryString.length;const bytes =newUint8Array(len);for(let i =0; i < len; i++){
    bytes[i]= binaryString.charCodeAt(i);}return bytes.buffer;}

使用 CryptoJS

crypto-js

是一个流行的 JavaScript 库，用于实现加密和解密。它支持多种加密算法，如 AES、DES、HMAC、SHA 等。

安装 CryptoJS

首先，安装

crypto-js

：

npminstall crypto-js

使用 AES 加密和解密

const CryptoJS =require('crypto-js');// 加密数据functionencryptData(data, secretKey){return CryptoJS.AES.encrypt(data, secretKey).toString();}// 解密数据functiondecryptData(encryptedData, secretKey){const bytes = CryptoJS.AES.decrypt(encryptedData, secretKey);return bytes.toString(CryptoJS.enc.Utf8);}const secretKey ='my-secret-key';const data ='Hello, World!';const encryptedData =encryptData(data, secretKey);
console.log('Encrypted Data:', encryptedData);const decryptedData =decryptData(encryptedData, secretKey);
console.log('Decrypted Data:', decryptedData);

结论

通过本文，你可以了解如何在 JavaScript 中使用 Web Cryptography API 和

crypto-js

库进行数据的加密和解密。Web Cryptography API 提供了现代浏览器中的原生加密功能，而

crypto-js

则是一个功能强大的第三方库，适用于 Node.js 和浏览器环境。如果有任何问题或需要进一步的帮助，请在评论区留言或者联系我。