Kimlik Bilgisi Yönetimi API'si

Eiji Kitamura

Meggin Kearney

Credential Management API, cihazlar arasında sorunsuz oturum açma için site ile tarayıcı arasında programatik bir arayüz sağlayan standart tabanlı bir tarayıcı API'sidir.

Kimlik Bilgisi Yönetimi API'si:

• Oturum açma akışlarındaki zorlukları ortadan kaldırır: Oturumlarının süresi dolmuş veya kimlik bilgilerini başka bir cihaza kaydetmiş olsalar bile kullanıcıların sitede otomatik olarak tekrar oturum açması sağlanabilir.
• Hesap seçiciyle tek dokunuşla oturum açmaya izin verir: Kullanıcılar, yerel bir hesap seçicide hesap seçebilir.
• Kimlik bilgilerini saklar: Uygulamanız bir kullanıcı adı ve şifre kombinasyonu ya da birleşik hesap ayrıntılarını saklayabilir. Bu kimlik bilgileri tarayıcı tarafından cihazlar arasında senkronize edilebilir.

Önemli nokta: Kimlik Bilgisi Yönetimi API'sinin kullanılması için sayfanın güvenli bir kaynaktan sunulması gerekir.

Nasıl yapıldığını öğrenmek ister misiniz? Credential Management API Demo'yu deneyin ve koda göz atın.

Credential Management API tarayıcı desteğini kontrol etme

Tarayıcı desteği

• 51
• 18
• 60
• 13

Kaynak

Kimlik Bilgisi Yönetimi API'sini kullanmadan önce PasswordCredential veya FederatedCredential'nin desteklenip desteklenmediğini kontrol edin.

if (window.PasswordCredential || window.FederatedCredential) {
  // Call navigator.credentials.get() to retrieve stored
  // PasswordCredentials or FederatedCredentials.
}

Uyarı: navigator.credentials değerini kontrol ederek özellik algılama işlemi, Credential Management API tarafından tanımlanan tüm kimlik bilgisi türlerini(PasswordCredential ve FederatedCredential) değil, yalnızca WebAuthn'ı (PublicKeyCredential) destekleyen tarayıcılarda web sitenizi bozabilir. Daha fazla bilgi edinin.

Kullanıcının oturumunu açma

Kullanıcının oturum açması için kimlik bilgilerini tarayıcıdaki şifre yöneticisinden alın ve kullanıcının oturum açması için kullanın.

Örneğin:

1. Oturum açmamış bir kullanıcı sitenize geldiğinde navigator.credentials.get() numaralı telefonu arayın.
2. Kullanıcının oturumunu açmak için alınan kimlik bilgilerini kullanın.
3. Kullanıcı arayüzünü, kullanıcının oturum açtığını belirtecek şekilde güncelleyin.

Daha fazla bilgi için Kullanıcıları Oturum Açmaya Zorlama başlıklı makaleyi inceleyin.

Kullanıcı kimlik bilgilerini kaydetme veya güncelleme

Kullanıcı Google ile oturum açma, Facebook, GitHub gibi birleşik kimlik sağlayıcılarla oturum açtıysa:

1. Kullanıcı başarıyla oturum açtıktan veya hesap oluşturduktan sonra, kimlik olarak kullanıcının e-posta adresini kullanarak FederatedCredential oluşturun ve kimlik sağlayıcıyı FederatedCredentials.provider ile belirtin.
2. Kimlik bilgisi nesnesini navigator.credentials.store() kullanarak kaydedin.

Daha fazla bilgi için Kullanıcıları Oturum Açmaya Zorlama başlıklı makaleyi inceleyin.

Kullanıcı, kullanıcı adı ve şifreyle oturum açtıysa:

1. Kullanıcı başarıyla oturum açtıktan veya hesap oluşturduktan sonra kullanıcı kimliği ve şifreyle PasswordCredential öğesini oluşturun.
2. Kimlik bilgisi nesnesini navigator.credentials.store() kullanarak kaydedin.

Daha fazla bilgi için Formlar'dan Kimlik Bilgilerini Kaydetme başlıklı makaleyi inceleyin.

Oturumu kapat

Kullanıcı oturumu kapattığında, otomatik olarak tekrar oturum açılmasını önlemek için navigator.credentials.preventSilentAccess() işlevini çağırın.

Otomatik oturum açma özelliğini devre dışı bırakmak, kullanıcıların oturum açma bilgilerini yeniden girmek zorunda kalmadan hesaplar arasında kolayca geçiş yapmasını (ör. iş ve kişisel hesaplar arasında veya paylaşılan cihazlardaki hesaplar arasında) da sağlar.

Daha fazla bilgiyi Oturumu kapatma bölümünde bulabilirsiniz.

Geri bildirim