Geçiş anahtarları için WebAuthn özellik algılamayı basitleştirme

getClientCapabilities() ile WebAuthn özelliklerini nasıl algılayacağınızı öğrenin ve kimlik doğrulama iş akışlarını kullanıcılarınıza göre uyarlayın.

Yayınlanma tarihi: 22 Ocak 2025

Kimlik doğrulama iş akışlarınızın kullanıcılarınızın tarayıcılarına ve cihazlarına sorunsuz bir şekilde uyum sağlamasını nasıl sağlayabilirsiniz?

Chrome 133'ten itibaren getClientCapabilities()WebAuthn API, bir tarayıcı tarafından hangi kimlik doğrulama özelliklerinin desteklendiğini belirlemenize yardımcı olur. Geliştiriciler, PublicKeyCredential.getClientCapabilities() işlevini çağırarak desteklenen özelliklerin listesini alabilir ve kimlik doğrulama iş akışlarını buna göre uyarlayabilir.

Bu geliştirme, geliştiricilerin kullanıcılarının ortamlarına göre uyarlanmış daha güçlü ve kullanıcı dostu kimlik doğrulama akışları oluşturmasını sağlar.

Bunu şu şekilde uygulayabilirsiniz:

if (window.PublicKeyCredential &&
    PublicKeyCredential.getClientCapabilities) {
  const capabilities = await PublicKeyCredential.getClientCapabilities();
  if (capabilities.conditionalGet === true &&
      capabilities.passkeyPlatformAuthenticator === true) {
    // The browser supports passkeys and conditional mediation.
  }
}

Bu yöntem, geçiş anahtarları, koşullu uyumlulaştırma (ileti dizilerinde geçiş anahtarı otomatik doldurma), karma aktarım (Bluetooth kullanarak cihazlar arası kimlik doğrulama) ve hatta uzantılar gibi desteklenen özellikleri tanımlayarak kimlik doğrulama deneyimlerini kullanıcılara göre uyarlamanıza yardımcı olur.

Özellik algılama neden önemlidir?

İstemci özelliklerini anlamak sayesinde:

  • Uygulamanızı istemcinin desteklenen özelliklerine uyarlayarak daha sorunsuz kullanıcı deneyimleri oluşturun ve kimlik doğrulama güvenilirliğini artırın.
  • Desteklenmeyen WebAuthn özelliklerinden kaynaklanan hataları azaltın.

getClientCapabilites()'ü kullanarak çeşitli cihaz ve tarayıcılarda çalışacak kimlik doğrulama deneyimleri oluşturabilirsiniz.

Keşfetmeye başlayın

Başlamak için hazırsanız özelliklerin tam listesini, ayrıntılı talimatları ve bazı en iyi uygulamaları görmek için getClientCapabilities() ile daha basit WebAuthn özellik algılama başlıklı makaleyi inceleyebilirsiniz.

Geçiş anahtarları ve şifresiz giriş hakkında daha fazla bilgi edinmek için Geçiş Anahtarları Chrome sayfasını ziyaret edin.