JavaScript加密与解密技术-js教程-PHP中文网

JavaScript加密与解密技术

夢幻星辰

发布： 2025-10-23 13:43:01

原创

593人浏览过

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

javascript加密与解密技术

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!

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

立即学习“Java免费学习笔记（深入）”；

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有长度限制，通常用于加密对称密钥而非原始数据。

度加剪辑

度加剪辑（原度咔剪辑），百度旗下AI创作工具

查看详情

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加密不能替代后端安全机制，更多是辅助手段。关键逻辑和密钥管理仍应在服务端完成，前端只做必要处理。合理使用加密技术，能有效降低数据泄露风险。

以上就是JavaScript加密与解密技术的详细内容，更多请关注php中文网其它相关文章！