js对链接里的参数加密解密

在JavaScript中，对URL中的参数进行加密和解密通常是为了保护敏感信息，防止数据在传输过程中被截获或篡改。以下是一些基础概念、优势、类型、应用场景以及如何实现加密和解密的方法。

基础概念

URL参数：URL中?后面的部分，由键值对组成，例如https://example.com/page?param1=value1&param2=value2。
加密：将明文数据转换为不可读的密文，以防止未授权访问。
解密：将密文数据转换回原始的明文数据。

优势

安全性：保护敏感数据不被未授权的用户查看或修改。
隐私保护：确保用户数据的隐私性，特别是在公共或不安全的网络环境中。

类型

对称加密：使用相同的密钥进行加密和解密，例如AES。
非对称加密：使用一对密钥，一个公钥用于加密，一个私钥用于解密，例如RSA。

应用场景

用户认证：加密用户的会话令牌或身份验证信息。
支付信息：保护用户的支付详情，如信用卡号。
个人信息：保护用户的姓名、地址等敏感信息。

实现方法

以下是一个使用JavaScript的Crypto API进行AES加密和解密的示例：

// 加密函数
function encrypt(text, secretKey) {
  const encoder = new TextEncoder();
  const encodedText = encoder.encode(text);
  const cryptoKey = await crypto.subtle.importKey(
    'raw',
    encoder.encode(secretKey),
    { name: 'AES-GCM' },
    false,
    ['encrypt']
  );
  const iv = crypto.getRandomValues(new Uint8Array(12)); // 初始化向量
  const encryptedData = await crypto.subtle.encrypt(
    { name: 'AES-GCM', iv },
    cryptoKey,
    encodedText
  );
  return {
    iv: Array.from(iv),
    data: Array.from(new Uint8Array(encryptedData))
  };
}

// 解密函数
async function decrypt(encryptedData, secretKey) {
  const decoder = new TextDecoder();
  const cryptoKey = await crypto.subtle.importKey(
    'raw',
    new TextEncoder().encode(secretKey),
    { name: 'AES-GCM' },
    false,
    ['decrypt']
  );
  const decryptedData = await crypto.subtle.decrypt(
    { name: 'AES-GCM', iv: new Uint8Array(encryptedData.iv) },
    cryptoKey,
    new Uint8Array(encryptedData.data)
  );
  return decoder.decode(decryptedData);
}

// 使用示例
(async () => {
  const secretKey = 'my-secret-key'; // 应该是一个安全的随机字符串
  const paramValue = 'sensitive-data';
  const encrypted = await encrypt(paramValue, secretKey);
  console.log('Encrypted:', encrypted);

  const decrypted = await decrypt(encrypted, secretKey);
  console.log('Decrypted:', decrypted);
})();