Get Started with Firebase Authentication on Websites

Możesz użyć Firebase Authentication, aby umożliwić użytkownikom zalogowanie się do Twojej aplikacji przy użyciu jednej lub więcej metod logowania, w tym logowania za pomocą adresu e-mail i hasła, a także sfederowanych dostawców tożsamości, takich jak Google Sign-in i Facebook Login. Ten poradnik pozwoli Ci rozpocząć pracę z Firebase Authentication, pokazując, jak dodać logowanie za pomocą adresu e-mail i hasła do Twojej aplikacji.

Podłącz swoją aplikację do Firebase

Zainstaluj Firebase SDK. Pamiętaj, aby wkleić kod konfiguracyjny do swojej strony internetowej zgodnie z opisem.

(Opcjonalnie) Prototypuj i testuj z Firebase Local Emulator Suite

Zanim porozmawiamy o tym, jak Twoja aplikacja uwierzytelnia użytkowników, przedstawimy zestaw narzędzi, których możesz użyć do prototypowania i testowania funkcjonalności uwierzytelniania:Firebase Local Emulator Suite. Jeśli wybierasz spośród technik i dostawców uwierzytelniania, wypróbowujesz różne modele danych z danymi publicznymi i prywatnymi przy użyciu Authentication i Firebase Security Rules lub prototypujesz interfejs użytkownika, możliwość pracy lokalnej bez wdrażania usług na żywo może być świetnym pomysłem.

Emulator Authentication jest częścią Local Emulator Suite, który umożliwia Twojej aplikacji interakcję z emulowaną zawartością i konfiguracją bazy danych, a także opcjonalnie z emulowanymi zasobami projektu (funkcjami, innymi bazami danych i regułami bezpieczeństwa). Należy pamiętać, że pakiet Local Emulator Suite nie obsługuje jeszcze emulowanego przechowywania.

Używanie emulatora uwierzytelniania obejmuje tylko kilka kroków:

1. Dodanie linii kodu do konfiguracji testowej aplikacji w celu połączenia się z emulatorem.
2. Z korzenia lokalnego katalogu projektu, uruchamiając firebase emulators:start.
3. Używanie interfejsu użytkownika Local Emulator Suite UI do interaktywnego prototypowania lub interfejsu API REST emulatora uwierzytelniania do nieinteraktywnego testowania.

Szczegółowy przewodnik jest dostępny na stronie Connect your app to the Authentication emulator.For more information, see the Local Emulator Suite introduction.

Now let’s continue with how to authenticate users.

Sign up new users

Create a form that allows new users to register with your app using their emailaddress and a password. Kiedy użytkownik wypełni formularz, zweryfikuj adres email i hasło podane przez użytkownika, a następnie przekaż je do metodycreateUserWithEmailAndPassword:

Zapisz istniejących użytkowników

Stwórz formularz, który pozwala istniejącym użytkownikom na zalogowanie się przy użyciu ich adresu email i hasła. Kiedy użytkownik wypełni formularz, wywołaj metodęsignInWithEmailAndPassword:

Set an authentication state observer and get user data

Dla każdej strony twojej aplikacji, która potrzebuje informacji o zalogowanym użytkowniku, dołącz obserwatora do globalnego obiektu uwierzytelniania. Ten obserwator jest wywoływany za każdym razem, gdy zmienia się stan zalogowania użytkownika.

Dołącz obserwatora za pomocą metody onAuthStateChanged. Gdy użytkownik pomyślnie się zaloguje, możesz uzyskać informacje o użytkowniku w obserwatorze.

Dowiedz się, jak dodać obsługę innych dostawców tożsamości i anonimowych kont gości:

• Google Sign-in
• Facebook Login
• Twitter Login
• GitHub Login
• Anonymous sign-in

.