OTPCredential

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

安全上下文: 此功能仅在安全上下文(HTTPS)中可用,且支持此功能的浏览器数量有限。

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

OTPCredential 接口是 WebOTP API 的一部分,当调用 WebOTP 的 navigator.credentials.get()(即使用 otp 选项调用)成功完成时返回。它包含一个 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

浏览器兼容性