Ontdek hoe u WebAuthn-mogelijkheden kunt detecteren met getClientCapabilities() en authenticatieworkflows op maat kunt maken voor uw gebruikers.
Gepubliceerd: 22 januari 2025
Hoe kunt u ervoor zorgen dat uw authenticatieworkflows naadloos worden aangepast aan de browsers en apparaten van uw gebruikers?
Vanaf Chrome 133 is de getClientCapabilities() WebAuthn API hier om u te helpen bepalen welke authenticatiefuncties door een browser worden ondersteund. Door PublicKeyCredential.getClientCapabilities() aan te roepen, kunnen ontwikkelaars een lijst met ondersteunde mogelijkheden ophalen en de authenticatieworkflows dienovereenkomstig aanpassen.
Deze verbetering stelt ontwikkelaars in staat robuustere en gebruiksvriendelijkere authenticatiestromen te creëren die zijn afgestemd op de omgeving van hun gebruikers.
Hier ziet u hoe u het kunt implementeren:
if (window.PublicKeyCredential &&
PublicKeyCredential.getClientCapabilities) {
const capabilities = await PublicKeyCredential.getClientCapabilities();
if (capabilities.conditionalGet === true &&
capabilities.passkeyPlatformAuthenticator === true) {
// The browser supports passkeys and conditional mediation.
}
}
Met deze methode kunt u de authenticatie-ervaringen voor gebruikers op maat maken door ondersteunde mogelijkheden te identificeren, zoals wachtwoordsleutels, voorwaardelijke bemiddeling (automatisch invullen van wachtwoordsleutels in dialoogvensters), hybride transport (verificatie tussen apparaten via Bluetooth) en zelfs extensies.
Waarom functiedetectie belangrijk is
Als u de mogelijkheden van klanten begrijpt, kunt u:
- Creëer soepelere gebruikerservaringen en verbeter de betrouwbaarheid van de authenticatie door uw implementatie aan te passen aan de ondersteunde functies van de klant.
- Verminder fouten veroorzaakt door niet-ondersteunde WebAuthn-mogelijkheden.
Door getClientCapabilites() te gebruiken, kunt u vol vertrouwen authenticatie-ervaringen creëren die op verschillende apparaten en browsers werken.
Begin met verkennen
Als u er klaar voor bent om erin te duiken, kunt u Simpler WebAuthn-functiedetectie met getClientCapabilities() bekijken voor een volledige lijst met mogelijkheden, gedetailleerde instructies en enkele best practices.
Ga voor meer informatie over wachtwoordsleutels en wachtwoordloos inloggen naar de Chrome-pagina Wachtwoordsleutels