JavaScript压缩算法_数据加密与解密实现_技术教程

JavaScript中压缩与加密需区分：压缩用pako或Compression API减小体积，加密用Web Crypto API如AES-GCM保障安全；典型流程为先压缩后加密，顺序不可逆；密钥应通过安全通道获取，前端仅作预处理，核心逻辑保留在后端。

JavaScript中的压缩与加密是两个不同但常被混淆的概念。压缩是为了减小数据体积，提升传输效率；加密则是为了保障数据安全，防止未经授权的访问。在实际开发中，有时需要将两者结合使用：先压缩数据再加密传输，接收端先解密再解压还原。下面介绍如何在JavaScript中实现数据的压缩与加解密流程。

常见的JavaScript数据压缩方法

浏览器环境中可以通过以下方式实现数据压缩：

Compression Streams API：现代浏览器支持的原生流式压缩接口，可用于gzip、deflate等格式。
pako.js：一个流行的第三方库，实现了zlib/gzip/deflate算法，兼容性好，适合老版本浏览器。

示例：使用pako进行字符串压缩

import pako from 'pako';

// 压缩字符串
function compressString(str) {
  const encoder = new TextEncoder();
  const data = encoder.encode(str);
  return pako.gzip(data);
}

// 解压为字符串
function decompressToString(compressedData) {
  const decompressed = pako.ungzip(compressedData);
  const decoder = new TextDecoder();
  return decoder.decode(decompressed);
}

前端数据加密与解密实现

JavaScript可借助Web Crypto API或第三方库如CryptoJS实现加密功能。推荐使用AES对称加密算法，安全性高且性能良好。

示例：使用AES-GCM模式加密数据

async function encryptData(data, key) {
  const encoder = new TextEncoder();
  const encoded = encoder.encode(data);
  const cryptoKey = await crypto.subtle.importKey(
    'raw',
    key,
    { name: 'AES-GCM' },
    false,
    ['encrypt']
  );
  const iv = crypto.getRandomValues(new Uint8Array(12)); // 初始化向量
  const encrypted = await crypto.subtle.encrypt(
    { name: 'AES-GCM', iv },
    cryptoKey,
    encoded
  );
  return { encrypted: new Uint8Array(encrypted), iv };
}

async function decryptData(encryptedData, iv, key) {
  const cryptoKey = await crypto.subtle.importKey(
    'raw',
    key,
    { name: 'AES-GCM' },
    false,
    ['decrypt']
  );
  const decrypted = await crypto.subtle.decrypt(
    { name: 'AES-GCM', iv },
    cryptoKey,
    encryptedData
  );
  const decoder = new TextDecoder();
  return decoder.decode(decrypted);
}