OTPCredential

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die OTPCredential-Schnittstelle der WebOTP API wird zurückgegeben, wenn ein WebOTP-Aufruf von navigator.credentials.get() (das heißt mit einer otp-Option) erfolgreich ist. Sie enthält eine code-Eigenschaft, die das abgerufene Einmalpasswort (OTP) beinhaltet.

Credential OTPCredential

Instanz-Eigenschaften

Diese Schnittstelle erbt auch Eigenschaften von Credential.

OTPCredential.code Schreibgeschützt

Das Einmalpasswort (OTP).

Instanz-Methoden

Keine.

Beispiele

Der folgende Code löst den Berechtigungsablauf des Browsers aus, wenn eine SMS-Nachricht eintrifft. Wird die Berechtigung erteilt, wird das Promise mit einem OTPCredential-Objekt erfüllt. Der enthaltene code-Wert wird dann als Wert eines <input>-Formular-Elements gesetzt, das anschließend übermittelt wird.

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);
  });

Hinweis: Für eine vollständige Erklärung des Codes sehen Sie sich die WebOTP API-Hauptseite an. Sie können sich diesen Code auch als Teil einer voll funktionsfähigen Demo ansehen.

Spezifikationen

Specification
WebOTP API
# OTPCredential

Browser-Kompatibilität

BCD tables only load in the browser