Începeți cu Autentificarea Firebase pe site-urile web

Puteți utiliza Autentificarea Firebase pentru a permite utilizatorilor să se conecteze la aplicația dvs. utilizând una sau mai multe metode de conectare, inclusiv conectarea prin adresă de e-mail și parolă, precum și furnizori de identitate federați, cum ar fi Google Sign-in și Facebook Login. Acest tutorial vă ajută să începeți cu Autentificarea Firebase, arătându-vă cum să adăugați adresa de e-mail și parola de conectare la aplicația dvs.

Conectați-vă aplicația la Firebase

Instalați SDK-ul Firebase. Asigurați-vă că lipiți codul de configurare în pagina dvs. web așa cum este descris.

(Opțional) Prototipați și testați cu Firebase Local Emulator Suite

Înainte de a vorbi despre modul în care aplicația dvs. autentifică utilizatorii, haideți să prezentăm un set de instrumente pe care le puteți folosi pentru a prototipiza și testa funcționalitatea de autentificare:Firebase Local Emulator Suite. Dacă vă decideți între tehnicile și furnizorii de autentificare, încercați diferite modele de date cu date publice și private folosind Autentificare și Reguli de securitate Firebase sau prototipuri de proiectare a interfeței de conectare, posibilitatea de a lucra la nivel local fără a implementa servicii live poate fi o idee excelentă.

Un emulator de autentificare face parte din Local Emulator Suite, carepermite aplicației dvs. să interacționeze cu conținutul și configurația bazei de date emulate, precum și, opțional, cu resursele proiectului dvs. emulat (funcții, alte baze de date și reguli de securitate). Rețineți că Local Emulator Suite nu suportă încă stocarea emulată.

Utilizarea emulatorului de autentificare implică doar câțiva pași:

1. Adaugarea unei linii de cod la configurația de testare a aplicației dvs. pentru a vă conecta la emulator.
2. Din rădăcina directorului proiectului dvs. local, rulând firebase emulators:start.
3. Utilizarea interfeței Local Emulator Suite UI pentru prototipuri interactive sau a API-ului REST al emulatorului de autentificare pentru testarea non-interactivă.

Un ghid detaliat este disponibil la Connect your app to the Authentication emulator.Pentru mai multe informații, consultați introducerea Local Emulator Suite.

Acum să continuăm cu modul de autentificare a utilizatorilor.

Înscrieți utilizatori noi

Creați un formular care să permită noilor utilizatori să se înregistreze în aplicația dvs. folosind adresa de e-mail și o parolă. Atunci când un utilizator completează formularul, validați adresa de e-mail și parola furnizate de utilizator, apoi treceți-le la metodacreateUserWithEmailAndPassword:

Înregistrează utilizatorii existenți

Creați un formular care să permită utilizatorilor existenți să se înregistreze folosind adresa de e-mailși parola lor. Atunci când un utilizator completează formularul, apelați metodasignInWithEmailAndPassword:

Setați un observator al stării de autentificare și obțineți date despre utilizator

Pentru fiecare dintre paginile aplicației dumneavoastră care au nevoie de informații despre utilizatorul conectat, atașați un observator la obiectul global de autentificare. Acest observator este apelat ori de câte ori se schimbă starea de autentificare a utilizatorului.

Atașați observatorul folosind metoda onAuthStateChanged. Atunci când un utilizator se conectează cu succes, puteți obține informații despre utilizator în observator.

Învățați cum să adăugați suport pentru alți furnizori de identitate și conturi de oaspeți anonimi:

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

.