JavaScript加密与解密技术

JavaScript加密技术主要用于前端数据保护,常见方法包括:1. 使用CryptoJS实现AES对称加密,密钥需动态获取避免硬编码;2. 利用JSEncrypt库进行RSA非对称加密,前端公钥加密、后端私钥解密,适合传输敏感信息;3. 采用SHA-256等哈希算法验证数据完整性,密码需前后端结合加盐处理;4. 使用Web Crypto API实现更安全的原生加密,支持AES-GCM、PBKDF2等标准,密钥可不导出。前端加密仅为辅助手段,核心安全逻辑仍依赖后端。

JavaScript加密与解密技术主要用于在前端或全栈环境中对数据进行安全处理,防止敏感信息明文暴露。虽然JavaScript运行在客户端,安全性受限,但结合合理策略仍可实现基础的数据保护。以下是常见且实用的技术方法。

1. 对称加密:使用AES算法

对称加密指加密和解密使用同一密钥,适合前后端共享密钥的场景。JavaScript中可通过CryptoJS库实现AES加密。

示例代码:

var CryptoJS = require("crypto-js");

// 加密
function encryptData(data, secretKey) {
  return CryptoJS.AES.encrypt(data, secretKey).toString();

}

// 解密
function decryptData(ciphertext, secretKey) {
  var bytes = CryptoJS.AES.decrypt(ciphertext, secretKey);
  return bytes.toString(CryptoJS.enc.Utf8);
}

var encrypted = encryptData("Hello, world!", "my-secret-key");
var decrypted = decryptData(encrypted, "my-secret-key");
console.log(decrypted); // 输出: Hello, world!

注意:密钥不应硬编码在前端代码中,建议通过安全接口动态获取或结合后端处理。

2. 非对称加密:RSA应用

非对称加密使用公钥加密、私钥解密,适合传输敏感数据。前端可用公钥加密,后端用私钥解密,避免密钥泄露。

常用库如 JSEncrypt 可实现RSA加解密。

var JSEncrypt = require('jsencrypt').JSEncrypt;

// 创建实例
var encryptor = new JSEncrypt();

// 设置公钥(通常由后端提供)
encryptor.setPublicKey('-----BEGIN PUBLIC KEY-----...');

// 加密
var encrypted = encryptor.encrypt('Sensitive data');

// 解密需在服务端使用私钥完成

由于RSA有长度限制,通常用于加密对称密钥而非原始数据。

3. 哈希与消息摘要

哈希不可逆,常用于密码校验或数据完整性验证。推荐使用SHA-256等强算法。

CryptoJS也支持SHA系列哈希:

var hash = CryptoJS.SHA256("Message to hash").toString(CryptoJS.enc.Hex);
console.log(hash); // 输出SHA-256哈希值

实际项目中,用户密码应由前端哈希后再提交,后端再次加盐哈希存储,提升安全性。

4. 浏览器原生加密API(Web Crypto API)

现代浏览器提供 Web Crypto API,无需第三方库,支持AES、RSA、PBKDF2等标准算法。

示例:使用AES-GCM加密文本

async function encryptText(text, keyMaterial) {
  const encoder = new TextEncoder();
  const data = encoder.encode(text);

  const cryptoKey = await window.crypto.subtle.importKey(
    'raw',
    keyMaterial,
    { name: 'AES-GCM' },
    false,
    ['encrypt']
  );

  const iv = window.crypto.getRandomValues(new Uint8Array(12));
  const encrypted = await window.crypto.subtle.encrypt(
    { name: 'AES-GCM', iv: iv },
    cryptoKey,
    data
  );

  return { encrypted, iv };
}

该API更安全,支持密钥不导出,适合高安全要求场景。

基本上就这些。JavaScript加密不能替代后端安全机制,更多是辅助手段。关键逻辑和密钥管理仍应在服务端完成,前端只做必要处理。合理使用加密技术,能有效降低数据泄露风险。