Hier erfahren Sie, wie Sie WebAuthn-Funktionen mit getClientCapabilities()
erkennen und Authentifizierungsabläufe für Ihre Nutzer anpassen.
Veröffentlicht: 22. Januar 2025
Wie können Sie dafür sorgen, dass sich Ihre Authentifizierungsabläufe nahtlos an die Browser und Geräte Ihrer Nutzer anpassen?
Ab Chrome 133 können Sie mit der getClientCapabilities()
WebAuthn API ermitteln, welche Authentifizierungsfunktionen von einem Browser unterstützt werden. Durch Aufrufen von PublicKeyCredential.getClientCapabilities()
können Entwickler eine Liste der unterstützten Funktionen abrufen und die Authentifizierungsworkflows entsprechend anpassen.
Mit dieser Verbesserung können Entwickler robustere und nutzerfreundlichere Authentifizierungsabläufe erstellen, die auf die Umgebungen ihrer Nutzer zugeschnitten sind.
So implementieren Sie die Funktion:
if (window.PublicKeyCredential &&
PublicKeyCredential.getClientCapabilities) {
const capabilities = await PublicKeyCredential.getClientCapabilities();
if (capabilities.conditionalGet === true &&
capabilities.passkeyPlatformAuthenticator === true) {
// The browser supports passkeys and conditional mediation.
}
}
Mit dieser Methode können Sie die Authentifizierung für Nutzer anpassen, indem Sie unterstützte Funktionen wie Passkeys, bedingte Vermittlung (Passkey-Autofill in Dialogfeldern), Hybrid-Transport (geräteübergreifende Authentifizierung über Bluetooth) und sogar Erweiterungen ermitteln.
Warum die Feature-Erkennung wichtig ist
Wenn Sie die Funktionen der Kunden kennen, haben Sie folgende Möglichkeiten:
- Du kannst die Nutzerfreundlichkeit verbessern und die Zuverlässigkeit der Authentifizierung erhöhen, indem du deine Implementierung an die unterstützten Funktionen des Clients anpasst.
- Fehler reduzieren, die durch nicht unterstützte WebAuthn-Funktionen verursacht werden
Mit getClientCapabilites()
können Sie Authentifizierungsabläufe erstellen, die auf verschiedenen Geräten und in verschiedenen Browsern funktionieren.
Jetzt erkunden
Wenn Sie bereit sind, können Sie sich Simpler WebAuthn-Funktionserkennung mitgetClientCapabilities()
ansehen. Dort finden Sie eine vollständige Liste der Funktionen, eine detaillierte Anleitung und einige Best Practices.
Weitere Informationen zu Passkeys und der Anmeldung ohne Passwort finden Sie auf der Chrome-Seite zu Passkeys.