OTPCredential

安全上下文：此功能仅在安全上下文（HTTPS）中可用，在某些或所有支持的浏览器中可用。

实验性：这是一个实验性技术
在生产环境中使用此功能之前，请仔细查看浏览器兼容性表格。

当 WebOTP navigator.credentials.get() 调用（即使用 otp 选项调用）完成时，WebOTP API 的OTPCredential 接口将被返回。它包含一个 code 属性，其中包含检索到的一次性密码 (OTP)。

Credential OTPCredential

实例属性

此接口还继承了来自Credential的属性。

OTPCredential.code 只读

一次性密码 (OTP)。

实例方法

无。

示例

以下代码在收到短信时触发浏览器的权限流程。如果授予权限，则 promise 将解析为 OTPCredential 对象。然后，包含的 code 值将设置为 <input> 表单元素的值，然后提交表单。

js
navigator.credentials
  .get({
    otp: { transport: ["sms"] },
    signal: ac.signal,
  })
  .then((otp) => {
    input.value = otp.code;
    if (form) form.submit();
  })
  .catch((err) => {
    console.error(err);
  });

注意：有关代码的完整解释，请参阅WebOTP API 着陆页。您还可以查看此代码作为完整工作演示的一部分。

规范

规范
WebOTP API
# OTPCredential

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。