Vereenvoudiging van de detectie van WebAuthn-functies voor wachtwoordsleutels

Ontdek hoe u WebAuthn-mogelijkheden kunt detecteren met getClientCapabilities() en authenticatieworkflows kunt aanpassen voor uw gebruikers.

José Luis Zapata

Gepubliceerd: 22 januari 2025

Hoe kunt u ervoor zorgen dat uw authenticatieworkflows naadloos aansluiten op de browsers en apparaten van uw gebruikers?

Vanaf Chrome 133 is de getClientCapabilities() WebAuthn API beschikbaar om u te helpen bepalen welke authenticatiefuncties door een browser worden ondersteund. Door PublicKeyCredential.getClientCapabilities() aan te roepen, kunnen ontwikkelaars een lijst met ondersteunde functies ophalen en authenticatieworkflows dienovereenkomstig aanpassen.

Dankzij deze verbetering kunnen ontwikkelaars robuustere en gebruiksvriendelijkere authenticatiestromen creëren die zijn afgestemd op de omgeving van hun gebruikers.

Zo kunt u het 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-ervaring voor gebruikers aanpassen door ondersteunde mogelijkheden te identificeren, zoals wachtwoorden, voorwaardelijke bemiddeling (automatisch invullen van wachtwoorden in dialoogvensters), hybride transport (verificatie op meerdere apparaten via Bluetooth) en zelfs extensies.

Waarom kenmerkdetectie belangrijk is

Als u de mogelijkheden van uw klant begrijpt, kunt u:

• Zorg voor een soepelere gebruikerservaring en verbeter de betrouwbaarheid van authenticatie door uw implementatie aan te passen aan de ondersteunde functies van de klant.
• Verminder fouten veroorzaakt door niet-ondersteunde WebAuthn-mogelijkheden.

Met getClientCapabilites() kunt u vol vertrouwen authenticatie-ervaringen creëren die werken op verschillende apparaten en browsers.

Begin met verkennen

Als u er klaar voor bent om aan de slag te gaan, kunt u de functiedetectie van Simpler WebAuthn met getClientCapabilities() bekijken voor een complete lijst met mogelijkheden, gedetailleerde instructies en enkele best practices.

Voor meer informatie over wachtwoordsleutels en wachtwoordloos inloggen, bezoek de Chrome-pagina over wachtwoordsleutels