Kom igång med Firebase-autentisering på webbplatser

Du kan använda Firebase-autentisering för att låta användare logga in i din app med hjälp av en eller flera inloggningsmetoder, inklusive inloggning med e-postadress och lösenord och federerade identitetsleverantörer som Google Sign-in och Facebook Login. Denna handledning hjälper dig att komma igång med Firebase Authentication genom att visa hur du lägger till inloggning med e-postadress och lösenord i din app.

Ansluta din app till Firebase

Installera Firebase SDK. Se till att du klistrar in konfigurationskoden i din webbsida enligt beskrivningen.

(Valfritt) Prototypa och testa med Firebase Local Emulator Suite

För att tala om hur din app autentiserar användare ska vi presentera en uppsättning verktyg som du kan använda för att prototypa och testa autentiseringsfunktionalitet: Firebase Local Emulator Suite. Om du väljer mellan autentiseringstekniker och leverantörer, provar olika datamodeller med offentliga och privata data med hjälp av autentisering och Firebase säkerhetsregler, eller prototyperar inloggningsgränssnittskonstruktioner, kan det vara en bra idé att kunna arbeta lokalt utan att distribuera live-tjänster.

En autentiseringsemulator är en del av Local Emulator Suite, som gör det möjligt för din app att interagera med emulerat databasinnehåll och konfiguration, samt valfritt dina emulerade projektresurser (funktioner, andra databaser och säkerhetsregler). Observera att Local Emulator Suite ännu inte har stöd föremulerad lagring.

Att använda autentiseringsemulatorn innebär bara några få steg:

1. Lägga till en kodrad i appens testkonfiguration för att ansluta till emulatorn.
2. Från roten av din lokala projektkatalog kör du firebase emulators:start.
3. Använd användargränssnittet för Local Emulator Suite för interaktiv prototypframställning eller REST API:et för autentiseringsemulatorn för icke-interaktiv testning.

En detaljerad guide finns på Connect your app to the Authentication emulator.För mer information, se introduktionen till Local Emulator Suite.

Nu fortsätter vi med hur du autentiserar användare.

Sign up new users

Skapa ett formulär som gör det möjligt för nya användare att registrera sig i appen med hjälp av sin e-postadress och ett lösenord. När en användare fyller i formuläret validerar du den e-postadress och det lösenord som användaren har angett och skickar dem sedan till metodencreateUserWithEmailAndPassword:

Anmäl befintliga användare

Skapa ett formulär som gör det möjligt för befintliga användare att anmäla sig med hjälp av sin e-postadress och sitt lösenord. När en användare fyller i formuläret anropar du metodensignInWithEmailAndPassword:

Sätt en observatör för autentiseringstillstånd och hämta användardata

För varje sida i appen som behöver information om den inloggade användaren kopplar du en observatör till det globala autentiseringsobjektet. Den här observatören anropas när användarens inloggningstillstånd ändras.

Fäst observatören med hjälp av metoden onAuthStateChanged. När en användare lyckas logga in kan du få information om användaren i observatören.

Lär dig att lägga till stöd för andra identitetsleverantörer och anonyma gästkonton:

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