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.

Das OTPCredential-Interface der WebOTP API wird zurückgegeben, wenn ein Aufruf von navigator.credentials.get() mit der otp-Option erfüllt wird. Es enthält eine code-Eigenschaft, die das abgerufene Einmalkennwort (OTP) enthält.

Credential OTPCredential

Instanz-Eigenschaften

Dieses Interface erbt auch Eigenschaften von Credential.

OTPCredential.code Schreibgeschützt

Das Einmalkennwort (OTP).

Instanz-Methoden

Keine.

Beispiele

Der untenstehende Code löst den Berechtigungsablauf des Browsers aus, wenn eine SMS-Nachricht eintrifft. Wenn die Erlaubnis erteilt wird, wird das Versprechen 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 Erläuterung des Codes, siehe die Startseite der WebOTP API. Sie können diesen Code auch als Teil eines vollständigen funktionsfähigen Demos ansehen.

Spezifikationen

Specification
WebOTP API
# OTPCredential

Browser-Kompatibilität