public-key-encryption - 使用带有电话触摸 ID 的导航器凭据 api

Question

我正在尝试为 webauthn api 创建一个爱好项目。我有一个创建凭据的页面，它（正确地）提示我们使用安全密钥。我想在我的 mac 上使用我的 touchid（在三星 s9 上）或 touchid 来创建凭证（这似乎不起作用）。我需要做任何额外的事情才能使用 touch id 吗？

下面是创建凭证的代码（我已经更改了域名）。

<script type="text/javascript">
  let randomStringFromServer = `sdflksdf934mnsdfsdfimlsndfbop1asd239dsfsdfkllkjsdf`;

  const publicKeyCredentialCreationOptions = {
    challenge: Uint8Array.from(randomStringFromServer, c =>
      c.charCodeAt(0)
    ),
    rp: {
      name: "Mr Tom",
      id: "helloworld.com"
    },
    user: {
      id: Uint8Array.from("UZSL85T9AFC", c => c.charCodeAt(0)),
      name: "hello@world.com",
      displayName: "MrTom"
    },
    pubKeyCredParams: [{ alg: -7, type: "public-key" }],
    authenticatorSelection: {
      authenticatorAttachment: "cross-platform"
    },
    timeout: 60000,
    attestation: "direct"
  };

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

  console.log(credential);
</script>

Answer 1

控制这种行为的重要一点是：

authenticatorSelection: {
  authenticatorAttachment: "cross-platform"
}

那就是告诉 API 您想使用外部设备作为身份验证器。如果您使用platform而不是，cross-platform则浏览器应尊重这一点并尝试使用设备的内置功能。如果没有可用的平台身份验证器，您可能会立即收到错误消息-无论是aNotAllowedError还是NotSupportedError我的经验。