WebCrypto JS SHA256 HMAC不匹配

基础概念

Web Crypto API 是 JavaScript 中的一个内置库，用于执行加密操作。SHA-256 是一种安全哈希算法，用于生成数据的固定长度摘要。HMAC（Hash-based Message Authentication Code）是一种使用密钥和哈希函数生成消息认证码的方法。

类型

SHA-256：一种哈希算法，生成 256 位的哈希值。
HMAC：基于哈希的消息认证码，使用密钥和哈希函数生成认证码。

应用场景

数据完整性：确保数据在传输过程中未被篡改。
身份验证：验证消息的来源和完整性。
数字签名：用于数字签名和验证。

问题：WebCrypto JS SHA256 HMAC不匹配

原因

HMAC 不匹配通常是由于以下原因之一：

密钥不一致：生成 HMAC 时使用的密钥与验证时使用的密钥不一致。
数据不一致：生成 HMAC 时使用的数据与验证时使用的数据不一致。
算法实现差异：不同库或环境对算法的实现可能存在细微差异。

解决方法

检查密钥：确保生成和验证 HMAC 时使用的密钥完全一致。
检查数据：确保生成和验证 HMAC 时使用的数据完全一致。
统一环境：确保在相同的环境中进行生成和验证操作。

示例代码

以下是一个使用 Web Crypto API 生成和验证 HMAC 的示例：

async function generateHMAC(key, data) {
  const encoder = new TextEncoder();
  const keyBuffer = encoder.encode(key);
  const dataBuffer = encoder.encode(data);

  const cryptoKey = await window.crypto.subtle.importKey(
    'raw',
    keyBuffer,
    { name: 'HMAC', hash: { name: 'SHA-256' } },
    false,
    ['sign']
  );

  const signature = await window.crypto.subtle.sign('HMAC', cryptoKey, dataBuffer);
  return signature;
}

async function verifyHMAC(key, data, signature) {
  const encoder = new TextEncoder();
  const keyBuffer = encoder.encode(key);
  const dataBuffer = encoder.encode(data);

  const cryptoKey = await window.crypto.subtle.importKey(
    'raw',
    keyBuffer,
    { name: 'HMAC', hash: { name: 'SHA-256' } },
    false,
    ['verify']
  );

  const isValid = await window.crypto.subtle.verify('HMAC', cryptoKey, signature, dataBuffer);
  return isValid;
}

// 示例用法
(async () => {
  const key = 'my-secret-key';
  const data = 'Hello, World!';
  const signature = await generateHMAC(key, data);
  console.log('Generated HMAC:', signature);

  const isValid = await verifyHMAC(key, data, signature);
  console.log('HMAC Verification:', isValid);
})();