Puoi utilizzare Firebase Authentication per consentire agli utenti di accedere alla tua app utilizzando uno o più metodi di accesso, inclusi indirizzo e-mail e accesso tramite password e provider di identità federati come Google Sign-in e Facebook Login. Questo tutorial ti consente di iniziare con Firebase Authentication mostrandoti come aggiungere un indirizzo email e una password di accesso alla tua app.
Collega la tua app a Firebase
Installa Firebase SDK . Assicurati di incollare il codice di configurazione nella tua pagina web come descritto.
Iscrivi nuovi utenti
Crea un modulo che consenta ai nuovi utenti di registrarsi con la tua app utilizzando il loro indirizzo email e una password. Quando un utente completa il modulo, convalida l'indirizzo e-mail e la password forniti dall'utente, quindi createUserWithEmailAndPassword metodo createUserWithEmailAndPassword :
firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
// Handle Errors here.
var errorCode = error.code;
var errorMessage = error.message;
// ...
});
Accedi agli utenti esistenti
Crea un modulo che consenta agli utenti esistenti di accedere utilizzando il proprio indirizzo e-mail e la password. Quando un utente completa il modulo, chiama il metodo signInWithEmailAndPassword :
firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
// Handle Errors here.
var errorCode = error.code;
var errorMessage = error.message;
// ...
});
Imposta un osservatore dello stato di autenticazione e ottieni i dati dell'utente
Per ciascuna delle pagine della tua app che richiedono informazioni sull'utente connesso, collega un osservatore all'oggetto di autenticazione globale. Questo osservatore viene chiamato ogni volta che lo stato di accesso dell'utente cambia.
Collega l'osservatore utilizzando il metodo onAuthStateChanged . Quando un utente accede con successo, puoi ottenere informazioni sull'utente nell'osservatore.
firebase.auth().onAuthStateChanged(function(user) {
if (user) {
// User is signed in.
var displayName = user.displayName;
var email = user.email;
var emailVerified = user.emailVerified;
var photoURL = user.photoURL;
var isAnonymous = user.isAnonymous;
var uid = user.uid;
var providerData = user.providerData;
// ...
} else {
// User is signed out.
// ...
}
});
Prossimi passi
Scopri come aggiungere il supporto per altri provider di identità e account guest anonimi: