Identity Provider Passkey登录实现问题：桌面注册设备信息无法识别

核心原因 #

FIDO2规范里，设备名称、类型这类信息并非强制返回，桌面端（尤其是跨平台浏览器实现）通常不会主动上报，除非你在注册请求里明确要求相关扩展数据，或者设备本身支持并允许暴露这些信息。

排查与修复步骤 #

1. 注册请求必须显式添加deviceName扩展参数 #

发起FIDO2注册（navigator.credentials.create()）时，要在publicKey选项的extensions字段里加上deviceName，明确向客户端索要设备名称：

const publicKey = {
  rp: { name: "你的Identity Provider名称" },
  user: {
    id: new Uint8Array(16), // 用户唯一标识
    name: "user@example.com",
    displayName: "用户名"
  },
  challenge: new Uint8Array(32), // 服务器生成的挑战值
  pubKeyCredParams: [{ type: "public-key", alg: -7 }], // ES256算法
  extensions: {
    deviceName: true // 关键：主动请求设备名称
  }
};

const credential = await navigator.credentials.create({ publicKey });

2. 验证设备与浏览器的扩展支持情况 #

部分桌面设备或浏览器可能不支持deviceName扩展，或者用户在系统层面禁用了设备信息共享。可以：

• 换Chrome、Edge、Safari等不同浏览器测试，看是否有差异
• 确认设备的FIDO2兼容性，检查是否支持设备元数据扩展

3. 正确解析注册响应中的设备信息 #

注册成功后，从返回结果里提取元数据：

• 解析attestationObject拿到authData，其中包含aaguid（认证器唯一标识符）
• 用aaguid匹配对应的厂商和型号（可以维护一个AAGUID映射表，基于FIDO联盟的官方数据）
• 如果extensions返回了deviceName，直接提取该值即可

4. 给"未知设备"加兜底逻辑 #

如果确实拿不到设备名称，可以：

• 用aaguid对应的厂商名称作为设备类型（比如"Google安全密钥"、"Apple Touch ID"）
• 允许用户手动修改或添加设备名称，提升辨识度

常见误区 #

• 误以为FIDO2注册响应会默认返回设备名称：实际上只有主动请求扩展才可能获取
• 忽略浏览器兼容性：不同浏览器对FIDO2扩展的支持程度不同，需要做兼容处理

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