前端加密的方式汇总

前端加密是保护用户数据的重要手段，尤其是在处理敏感信息时，例如密码、个人身份信息等。在前端进行加密，可以防止数据在传输过程中被截获或篡改。下面将介绍几种常见的前端加密方式，并提供相应的代码示例。

1. Base64 编码

虽然 Base64 本身并不是一种加密方式，而是一种编码方法，但它在传输数据时常被使用。通过 Base64 编码，可以将二进制数据转换为一种文本格式，便于在网络中传输。

// Base64 编码
function base64Encode(str) {
    return btoa(str);
}

// Base64 解码
function base64Decode(encodedStr) {
    return atob(encodedStr);
}

const originalText = "Hello, World!";
const encodedText = base64Encode(originalText);
console.log("Encoded:", encodedText);
console.log("Decoded:", base64Decode(encodedText));

2. AES 对称加密

AES（Advanced Encryption Standard）是一种广泛使用的加密标准。它使用相同的密钥进行加密和解密。在前端加密中，使用 CryptoJS 库可以方便地实现 AES 加密。

首先，要在项目中引入 CryptoJS 库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>

然后，可以使用以下代码进行 AES 加密和解密：

const secretKey = "mySecretKey";
const data = "Sensitive Data";

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

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

const encryptedData = encrypt(data);
console.log("Encrypted:", encryptedData);
console.log("Decrypted:", decrypt(encryptedData));

3. RSA 非对称加密

RSA 是一种非对称加密算法，使用一对密钥（公钥和私钥）进行加解密。在前端实现 RSA 加密，通常需要使用 node-forge 或 jsrsasign 等库。

以下是使用 node-forge 库的示例：

首先，引入 node-forge 库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/forge/0.10.0/forge.min.js"></script>

接下来使用以下代码进行 RSA 加密和解密：

// 生成密钥对
const { pki, rsa } = forge;
const keypair = rsa.generateKeyPair({ bits: 2048, e: 0x10001 });
const publicKey = pki.publicKeyToPem(keypair.publicKey);
const privateKey = pki.privateKeyToPem(keypair.privateKey);

// RSA 加密
function encryptWithRSA(data) {
    const cipher = forge.pki.publicKeyFromPem(publicKey);
    const encrypted = cipher.encrypt(data);
    return forge.util.encode64(encrypted);
}

// RSA 解密
function decryptWithRSA(encryptedData) {
    const decipher = forge.pki.privateKeyFromPem(privateKey);
    const decrypted = decipher.decrypt(forge.util.decode64(encryptedData));
    return decrypted;
}

const rsaEncrypted = encryptWithRSA(data);
console.log("RSA Encrypted:", rsaEncrypted);
console.log("RSA Decrypted:", decryptWithRSA(rsaEncrypted));

4. HMAC 签名

HMAC（Hash-based Message Authentication Code）可以确保数据的完整性和身份验证。它使用一个密钥和一个哈希函数生成签名，能够防止数据在传输过程中被篡改。

以下是使用 CryptoJS 实现 HMAC 的示例：

const hmacKey = "myHmacKey";

// HMAC 签名
function createHMAC(data) {
    return CryptoJS.HmacSHA256(data, hmacKey).toString();
}

// 验证 HMAC
function verifyHMAC(data, signature) {
    const calculatedHmac = createHMAC(data);
    return calculatedHmac === signature;
}

const message = "Important Message";
const hmacSignature = createHMAC(message);
console.log("HMAC Signature:", hmacSignature);
console.log("Is valid HMAC:", verifyHMAC(message, hmacSignature));

总结

以上是几种常见的前端加密方法，包括 Base64 编码、AES 对称加密、RSA 非对称加密和 HMAC 签名。根据不同的需求，可以选择合适的加密方式来保护用户数据。在实际应用中，确保密钥的安全性和加密算法的合理性是非常重要的。同时，也要注意选用经过验证的库来实现加密功能，以避免安全漏洞。