WebAuthn重复生成相同签名需求及参数解码求助

一、signature和authenticatorData解码/解析示例 #

signature和authenticatorData本质是二进制字节流，不需要解码成字符串（无可读文本意义），通常转成十六进制或Base64用于查看、传输；authenticatorData有固定结构，可按WebAuthn规范解析：

1. 二进制转十六进制（通用处理） #

// Uint8Array转十六进制字符串工具函数
function uint8ArrayToHex(arr) {
  return Array.from(arr).map(b => b.toString(16).padStart(2, '0')).join('');
}

// 处理signature和authenticatorData
const signatureHex = uint8ArrayToHex(credentials.response.signature);
const authDataHex = uint8ArrayToHex(credentials.response.authenticatorData);
console.log('Signature 十六进制:', signatureHex);
console.log('Authenticator Data 十六进制:', authDataHex);

2. 解析authenticatorData结构 #

按WebAuthn规范，authenticatorData包含RP ID哈希、标志位、签名计数器等固定字段，解析代码：

function parseAuthenticatorData(authData) {
  const view = new DataView(authData.buffer);
  let offset = 0;

  // RP ID哈希（32字节）
  const rpIdHash = authData.slice(offset, offset + 32);
  offset += 32;

  // 标志位（1字节）
  const flagsByte = view.getUint8(offset);
  offset += 1;
  const flags = {
    userPresent: !!(flagsByte & 0x01),
    userVerified: !!(flagsByte & 0x04),
    hasAttestedCredentialData: !!(flagsByte & 0x40),
    hasExtensionData: !!(flagsByte & 0x80)
  };

  // 签名计数器（4字节，大端序）
  const signCount = view.getUint32(offset, false);
  offset += 4;

  // 扩展数据（可选，示例暂不处理）

  return {
    rpIdHash: uint8ArrayToHex(rpIdHash),
    flags,
    signCount
  };
}

// 使用示例
const parsedAuthData = parseAuthenticatorData(credentials.response.authenticatorData);
console.log('解析后的Authenticator Data:', parsedAuthData);

二、签名每次不同的原因 #

WebAuthn的签名内容并非仅clientDataJSON，而是authenticatorData + clientDataJSON的SHA-256哈希值。每次认证时，authenticatorData中的签名计数器（signCount）会自增，这是WebAuthn防止重放攻击的安全设计，因此即使挑战相同，签名内容也会变化，最终签名结果必然不同。

另外Chrome中clientDataJSON出现额外字段是规范允许的，只需关注type、challenge、origin这三个核心字段，忽略其他字段不影响验证流程。

三、核心需求：同一凭证生成相同签名/哈希的临时方案 #

WebAuthn本身设计就是每次签名不同，没有原生方法实现固定签名，但可通过以下临时方案满足需求：

方案1：认证通过后用固定密钥生成哈希 #

完成WebAuthn生物认证校验后，使用本地存储的固定对称密钥（可基于用户凭证ID生成），对固定输入内容计算HMAC哈希，只要密钥不变，相同输入会得到相同哈希：

// 生成固定对称密钥（仅首次执行）
async function generateFixedKey(userId) {
  const encoder = new TextEncoder();
  const keyMaterial = encoder.encode(`fixed-key-${userId}`);
  return await window.crypto.subtle.importKey(
    "raw",
    keyMaterial,
    { name: "HMAC", hash: "SHA-256" },
    false,
    ["sign"]
  );
}

// 对固定输入生成哈希
async function generateFixedHash(key, fixedInput) {
  const encoder = new TextEncoder();
  const inputBytes = encoder.encode(fixedInput);
  const signature = await window.crypto.subtle.sign("HMAC", key, inputBytes);
  return uint8ArrayToHex(new Uint8Array(signature));
}

// 使用流程：WebAuthn认证通过后调用
// const key = await generateFixedKey("user-123");
// const fixedHash = await generateFixedHash(key, "my-fixed-input");

方案2：Web Crypto结合生物识别密钥（兼容性受限） #

部分浏览器支持将Web Crypto密钥与生物识别绑定，可对自定义固定内容签名，实现相同输入输出相同签名：

async function createBiometricBoundKey() {
  // 生成ECDSA密钥并绑定生物识别
  const key = await window.crypto.subtle.generateKey(
    { name: "ECDSA", namedCurve: "P-256" },
    false,
    ["sign", "verify"]
  );
  // 部分浏览器需通过WebAuthn或系统API完成生物识别绑定，此处为简化示例
  return key;
}

// 对固定内容签名
async function signFixedContent(key, content) {
  const encoder = new TextEncoder();
  const contentBytes = encoder.encode(content);
  const signature = await window.crypto.subtle.sign(
    { name: "ECDSA", hash: "SHA-256" },
    key.privateKey,
    contentBytes
  );
  return uint8ArrayToHex(new Uint8Array(signature));
}

注意：该方案兼容性差，不同浏览器的生物识别绑定逻辑差异较大，仅适合临时场景。

四、替代生物认证方法 #

如果必须要求相同输入生成相同签名，可考虑：

• 本地生物识别+对称哈希：通过浏览器生物识别API（如WebAuthn）完成身份校验后，使用本地安全存储的对称密钥生成固定哈希，密钥可通过Web Crypto加密存储。
• 第三方生物认证SDK：部分厂商提供的SDK支持自定义签名内容，但需引入第三方依赖，兼容性受限。

内容的提问来源于stack exchange，提问作者Anters Bear