前端如何给 JavaScript 加密（不是混淆）

JavaScript加密主要是指通过算法将数据转换为不可直读形式，以确保信息的安全性。加密与混淆不同，混淆通过改变变量名和压缩代码来阻止源代码被轻易阅读，而加密则通常意味着使用密钥对数据进行转换，使得没有密钥的个体无法读取数据。其中一个常见且简单的加密例子是将数据通过AES（高级加密标准）进行加密，这是一种广泛使用的对称加密算法，可以在前端通过库如CryptoJS实现。

在前端中，加密操作最关键的部分在于管理和保护加密密钥。因为即使数据被加密，若密钥容易被获取到，加密则失去了原有的意义。因此，开发者应当确保密钥在服务端生成且安全地存储，只在必要时传输给前端，并在使用后立即废弃。接下来，我们将详细探讨如何实施前端加密，并解释一些常用的加密技术。

一、加密算法选择

在对JavaScript数据进行加密之前，需要选择合适的加密算法。加密算法通常分为对称加密和非对称加密。

对称加密算法

对称加密算法使用相同的密钥进行数据的加密和解密。其优点是加解密速度较快，适合于大量数据的加解密过程。AES是最流行的对称加密算法之一，广泛应用于多种场景中。除了AES之外，还有DES、3DES和Blowfish等算法。

非对称加密算法

非对称加密算法采用一对密钥：公钥和私钥。公钥负责加密数据，而私钥被用于解密。其优势在于密钥的分离提供了更强的安全性。常见的非对称加密算法有RSA、ECC和ElGamal等。

二、前端加密实践

使用CryptoJS进行对称加密

// 加载CryptoJS AES组件
var CryptoJS = require("crypto-js");
// 密钥（应在服务端生成并保密）
var secretKey = 'my-very-secure-secret-key';
// 待加密的明文数据
var dataToEncrypt = "Sensitive Information";
// 文本加密
var encryptedData = CryptoJS.AES.encrypt(dataToEncrypt, secretKey).toString();
// 输出加密后的文本
console.log('Encrypted Data:', encryptedData);

使用Web Crypto API进行非对称加密

Web Crypto API 是现代浏览器提供的一个原生JavaScript API，可以用来执行许多加密任务，包括非对称加密。

window.crypto.subtle.generateKey(
    {
        name: "RSA-OAEP",
        modulusLength: 2048, // 可以是 1024、2048 或 4096
        publicExponent: new Uint8Array([1, 0, 1]),
        hash: {name: "SHA-256"}
    },
    true,
    ["encrypt", "decrypt"]
).then((keyPAIr) => {
    // 公钥和私钥已生成
    // ...
});