Découvrez comment détecter les fonctionnalités WebAuthn avec getClientCapabilities()
et adapter les workflows d'authentification à vos utilisateurs.
Publié le 22 janvier 2025
Comment vous assurer que vos workflows d'authentification s'adaptent parfaitement aux navigateurs et aux appareils de vos utilisateurs ?
À partir de Chrome 133, l'API WebAuthn getClientCapabilities()
vous aide à déterminer quelles fonctionnalités d'authentification sont compatibles avec un navigateur. En appelant PublicKeyCredential.getClientCapabilities()
, les développeurs peuvent récupérer une liste des fonctionnalités compatibles et adapter les workflows d'authentification en conséquence.
Cette amélioration permet aux développeurs de créer des flux d'authentification plus robustes et plus conviviaux, adaptés aux environnements de leurs utilisateurs.
Voici comment procéder:
if (window.PublicKeyCredential &&
PublicKeyCredential.getClientCapabilities) {
const capabilities = await PublicKeyCredential.getClientCapabilities();
if (capabilities.conditionalGet === true &&
capabilities.passkeyPlatformAuthenticator === true) {
// The browser supports passkeys and conditional mediation.
}
}
Cette méthode vous aide à adapter les expériences d'authentification aux utilisateurs en identifiant les fonctionnalités compatibles, telles que les clés d'accès, la médiation conditionnelle (saisie automatique des clés d'accès dans les boîtes de dialogue), le transport hybride (authentification inter-appareils via Bluetooth) et même les extensions.
Pourquoi la détection de fonctionnalités est-elle importante ?
Comprendre les fonctionnalités du client vous permet de:
- Créez des expériences utilisateur plus fluides et améliorez la fiabilité de l'authentification en adaptant votre implémentation aux fonctionnalités compatibles du client.
- Réduire les erreurs causées par les fonctionnalités WebAuthn non compatibles.
En utilisant getClientCapabilites()
, vous pouvez créer en toute confiance des expériences d'authentification qui fonctionnent sur différents appareils et navigateurs.
Commencer l'exploration
Si vous êtes prêt à vous lancer, consultez Simpler WebAuthn feature detection with getClientCapabilities()
pour obtenir une liste complète des fonctionnalités, des instructions détaillées et des bonnes pratiques.
Pour en savoir plus sur les clés d'accès et la connexion sans mot de passe, consultez la page Chrome sur les clés d'accès.