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

瀏覽器相容性