Iniziare con Firebase Authentication sui siti web

Puoi usare Firebase Authentication per permettere agli utenti di accedere alla tua app usando uno o più metodi di accesso, inclusi l’indirizzo email e la password e i provider di identità federate come Google Sign-in e Facebook Login. Questo tutorial ti fa iniziare con Firebase Authentication mostrandoti come aggiungere l’indirizzo e-mail e la password di accesso alla tua app.

Connetti la tua app a Firebase

Installa l’SDK Firebase. Assicurati di incollare il codice di configurazione nella tua pagina web come descritto.

(Opzionale) Prototipo e test con Firebase Local Emulator Suite

Prima di parlare di come la tua app autentica gli utenti, introduciamo un set di strumenti che puoi usare per prototipare e testare la funzionalità di autenticazione: Firebase Local Emulator Suite. Se si sta decidendo tra tecniche e fornitori di autenticazione, provando diversi modelli di dati con dati pubblici e privati utilizzando Authentication e le regole di sicurezza di Firebase, o prototipando il design dell’interfaccia di accesso, essere in grado di lavorare localmente senza distribuire servizi live può essere una grande idea.

Un emulatore di autenticazione è parte della Suite di emulatori locali, che consente alla tua app di interagire con il contenuto e la configurazione del database emulato, così come, opzionalmente, le risorse del progetto emulato (funzioni, altri database e regole di sicurezza). Si noti che la Local Emulator Suite non supporta ancora lo Storage emulato.

Utilizzare l’emulatore di autenticazione comporta solo pochi passi:

1. Aggiungere una linea di codice alla configurazione di test della tua app per connettersi all’emulatore.
2. Dalla radice della directory del tuo progetto locale, eseguendo firebase emulators:start.
3. Utilizzando l’UI della Suite dell’emulatore locale per la prototipazione interattiva, o l’API REST dell’emulatore di autenticazione per il test non interattivo.

Una guida dettagliata è disponibile all’indirizzo Connect your app to the Authentication emulator.Per maggiori informazioni, vedi l’introduzione alla Local Emulator Suite.

Ora continuiamo con come autenticare gli utenti.

Sign up new users

Crea un modulo che permetta ai nuovi utenti di registrarsi alla tua app usando il loro indirizzo email e una password. Quando un utente completa il modulo, convalida l’indirizzo email e la password forniti dall’utente, poi li passa al metodocreateUserWithEmailAndPassword:

Accedi agli utenti esistenti

Crea un modulo che permetta agli utenti esistenti di registrarsi usando il loro indirizzo email e la loro password. Quando un utente completa il modulo, chiama il metodosignInWithEmailAndPassword:

Imposta un osservatore dello stato di autenticazione e ottieni i dati dell’utente

Per ogni pagina della tua applicazione che ha bisogno di informazioni sull’utente registrato, attacca un osservatore all’oggetto globale di autenticazione. Questo osservatore viene richiamato ogni volta che lo stato di accesso dell’utente cambia.

Attacca l’osservatore usando il metodo onAuthStateChanged. Quando un utente accede con successo, puoi ottenere informazioni sull’utente nell’osservatore.

Impara come aggiungere il supporto per altri fornitori di identità e per gli account anonimi degli ospiti:

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