Kom godt i gang med Firebase-godkendelse på websteder

Du kan bruge Firebase-godkendelse til at give brugerne mulighed for at logge på din app ved hjælp af en eller flere log-in-metoder, herunder log-in med e-mailadresse og adgangskode, og fødererede identitetsudbydere som Google Sign-in og Facebook-login. Denne vejledning hjælper dig i gang med Firebase Authentication ved at vise dig, hvordan du tilføjerlogin med e-mailadresse og adgangskode til din app.

Opkobl din app til Firebase

Installer Firebase SDK. Sørg for at indsætte konfigurationskoden i din webside som beskrevet.

(Valgfrit) Prototype og test med Firebase Local Emulator Suite

Hvor vi taler om, hvordan din app autentificerer brugere, skal vi præsentere et sæt værktøjer, som du kan bruge til at prototype og teste autentificeringsfunktionalitet: Firebase Local Emulator Suite. Hvis du skal vælge mellem autentificeringsteknikker og -udbydere, afprøve forskellige datamodeller med offentlige og private data ved hjælp af Authentication og Firebase-sikkerhedsregler eller prototype design af brugergrænseflader til logon, kan det være en god idé at kunne arbejde lokalt uden at implementere live-tjenester.

En Authentication-emulator er en del af Local Emulator Suite, som gør det muligt for din app at interagere med emuleret databaseindhold og konfiguration, samt eventuelt dine emulerede projektressourcer (funktioner, andre databaser og sikkerhedsregler). Bemærk, at Local Emulator Suite endnu ikke understøtteremuleret lagring.

Brug af autentifikationsemulatoren omfatter kun få trin:

  1. Indføjelse af en kodelinje til din app’s testkonfiguration for at oprette forbindelse til emulatoren.
  2. Fra roden af din lokale projektmappe kører du firebase emulators:start.
  3. Anvendelse af Local Emulator Suite UI til interaktiv prototyping ellerAuthentication emulator REST API til ikke-interaktiv testning.

Der findes en detaljeret vejledning på adressen Tilslut din app til Authentication-emulatoren.Du kan finde flere oplysninger i introduktionen til Local Emulator Suite.

Nu fortsætter vi med, hvordan du autentificerer brugere.

Autentificer nye brugere

Opret en formular, der gør det muligt for nye brugere at registrere sig i din app ved hjælp af deres e-mail-adresse og en adgangskode. Når en bruger udfylder formularen, skal du validere den e-mail-adresse og adgangskode, som brugeren har angivet, og derefter videregive dem til metodencreateUserWithEmailAndPassword:

Afmelde eksisterende brugere

Opret en formular, der gør det muligt for eksisterende brugere at logge ind ved hjælp af deres e-mail-adresse og adgangskode. Når en bruger udfylder formularen, skal du kalde metodensignInWithEmailAndPassword:

Sæt en observatør for godkendelsestilstand og hent brugerdata

For hver af appens sider, der har brug for oplysninger om den tilmeldte bruger, skal du knytte en observatør til det globale godkendelsesobjekt. Denne observatør bliver kaldt, når brugerens logontilstand ændres.

Anknyt observatøren ved hjælp af onAuthStateChanged-metoden. Når en bruger logger ind med succes, kan du få oplysninger om brugeren i observatøren.

Læs, hvordan du tilføjer understøttelse af andre identitetsudbydere og anonyme gæstekonti:

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

Leave a Reply