Google is committed to advancing racial equity for Black communities. See how.
Bu sayfa, Cloud Translation API ile çevrilmiştir.
Switch to English

Web Sitelerinde Firebase Kimlik Doğrulamasını Kullanmaya Başlayın

Firebase Authentication'ı, kullanıcıların e-posta adresi ve parola ile oturum açma ve Google ile Oturum Açma ve Facebook Oturum Açma gibi birleşik kimlik sağlayıcıları dahil olmak üzere bir veya daha fazla oturum açma yöntemi kullanarak uygulamanızda oturum açmasına izin vermek için kullanabilirsiniz. Bu eğitici, uygulamanıza nasıl e-posta adresi ve şifre girişi ekleyeceğinizi göstererek Firebase Kimlik Doğrulaması'na başlamanızı sağlar.

Uygulamanızı Firebase'e bağlayın

Firebase SDK'sını yükleyin . Yapılandırma kodunu web sayfanıza açıklandığı gibi yapıştırdığınızdan emin olun.

(İsteğe bağlı) Prototip oluşturun ve Firebase Local Emulator Suite ile test edin

Uygulamanızın kullanıcıların kimliğini nasıl doğruladığından bahsetmeden önce, Kimlik Doğrulama işlevinin prototipini oluşturmak ve test etmek için kullanabileceğiniz bir dizi aracı tanıtalım: Firebase Local Emulator Suite. Kimlik doğrulama teknikleri ve sağlayıcılar arasında karar veriyorsanız, Kimlik Doğrulama ve Firebase Güvenlik Kurallarını kullanarak herkese açık ve özel verilerle farklı veri modellerini deniyorsanız veya oturum açma kullanıcı arayüzü tasarımlarının prototipini oluşturuyorsanız, canlı hizmetleri dağıtmadan yerel olarak çalışabilmek harika bir fikir olabilir .

Bir Kimlik Doğrulama emülatörü, uygulamanızın benzetilmiş veritabanı içeriği ve yapılandırmasının yanı sıra isteğe bağlı olarak benzetilmiş proje kaynaklarınızla (işlevler, diğer veritabanları ve güvenlik kuralları) etkileşime girmesini sağlayan Yerel Emülatör Paketinin bir parçasıdır. Local Emulator Suite'in henüz benzetilmiş Bulut Depolamasını desteklemediğini unutmayın.

Kimlik Doğrulama öykünücüsünü kullanmak yalnızca birkaç adım içerir:

  1. Öykünücüye bağlanmak için uygulamanızın test yapılandırmasına bir kod satırı ekleme.
  2. firebase emulators:start çalıştırarak yerel proje dizininizin firebase emulators:start .
  3. Etkileşimli prototip oluşturma için Yerel Öykünücü Paketi Kullanıcı Arabirimini veya etkileşimli olmayan testler için Kimlik Doğrulama öykünücüsü REST API'sini kullanma.

Uygulamanızı Kimlik Doğrulama öykünücüsüne bağlayın sayfasında ayrıntılı bir kılavuz mevcuttur. Daha fazla bilgi için Yerel Emülatör Paketi girişine bakın .

Şimdi kullanıcıların kimliklerini nasıl doğrulayacağınıza devam edelim.

Yeni kullanıcılar kaydedin

Yeni kullanıcıların e-posta adreslerini ve parolalarını kullanarak uygulamanıza kaydolmalarına olanak tanıyan bir form oluşturun. Bir kullanıcı formu tamamladığında, kullanıcı tarafından sağlanan e-posta adresini ve şifreyi doğrulayın, ardından bunları createUserWithEmailAndPassword yöntemine createUserWithEmailAndPassword :

firebase.auth().createUserWithEmailAndPassword(email, password)
  .then((userCredential) => {
    // Signed in 
    var user = userCredential.user;
    // ...
  })
  .catch((error) => {
    var errorCode = error.code;
    var errorMessage = error.message;
    // ..
  });

Mevcut kullanıcıları oturum açın

Mevcut kullanıcıların e-posta adreslerini ve şifrelerini kullanarak oturum açmalarına izin veren bir form oluşturun. Bir kullanıcı formu tamamladığında, signInWithEmailAndPassword yöntemini çağırın:

firebase.auth().signInWithEmailAndPassword(email, password)
  .then((userCredential) => {
    // Signed in
    var user = userCredential.user;
    // ...
  })
  .catch((error) => {
    var errorCode = error.code;
    var errorMessage = error.message;
  });

Bir kimlik doğrulama durumu gözlemcisi ayarlayın ve kullanıcı verilerini alın

Uygulamanızın oturum açmış kullanıcı hakkında bilgiye ihtiyaç duyan sayfalarının her biri için, genel kimlik doğrulama nesnesine bir gözlemci ekleyin. Bu gözlemci, kullanıcının oturum açma durumu her değiştiğinde çağrılır.

Gözlemciyi onAuthStateChanged yöntemini kullanarak ekleyin. Bir kullanıcı başarıyla oturum açtığında, gözlemcide kullanıcı hakkında bilgi alabilirsiniz.

firebase.auth().onAuthStateChanged((user) => {
  if (user) {
    // User is signed in, see docs for a list of available properties
    // https://firebase.google.com/docs/reference/js/firebase.User
    var uid = user.uid;
    // ...
  } else {
    // User is signed out
    // ...
  }
});

Sonraki adımlar

Diğer kimlik sağlayıcıları ve anonim misafir hesapları için nasıl destek ekleneceğini öğrenin: