Implementazione dell'autenticazione tramite email e password
Implementi la registrazione e l'accesso degli utenti usando credenziali email e password con Firebase Authentication
Implementazione dell'autenticazione tramite email e password è una lezione Firebase Auth & Realtime Database Apps gratuita su CoddyKit. Questa è la lezione 1 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Firebase Auth & Realtime Database Apps, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Firebase Auth & Realtime Database Apps include 4 lezioni in totale.
Parti di questa lezione non sono ancora state tradotte e vengono mostrate in inglese.
Email/Password Auth Intro
Welcome to implementing user authentication with Firebase! In this lesson, we'll focus on the most common method: Email and Password.
- It's straightforward and widely understood by users.
- Firebase handles the secure storage of user credentials.
- You'll learn to register new users and sign in existing ones.
Enable Email/Password Provider
Before writing code, you need to enable Email/Password authentication in your Firebase project.
Go to the Firebase console:
- Navigate to Authentication.
- Click on the Sign-in method tab.
- Enable the Email/Password provider.
This tells Firebase to accept these credentials.
Registering New Users
To let new users create an account, you'll use a Firebase Authentication method. This method takes an email and a password, then securely creates a new user record in your Firebase project.
It's crucial to gather the user's email and a strong password from your app's UI.
User Registration Code
Here's how you register a new user using the Firebase SDK. We'll use JavaScript syntax, common for web and mobile apps.
createUserWithEmailAndPassword() is the key function.
import { getAuth, createUserWithEmailAndPassword } from "firebase/auth";
const auth = getAuth();
function registerUser(email, password) {
createUserWithEmailAndPassword(auth, email, password)
.then((userCredential) => {
// Signed up successfully
const user = userCredential.user;
console.log("User registered:", user.email);
})
.catch((error) => {
const errorCode = error.code;
const errorMessage = error.message;
console.error("Registration error:", errorCode, errorMessage);
});
}Signing In Existing Users
Once a user has registered, they can sign in using the same email and password. This process verifies their credentials against the stored records in Firebase.
If the credentials match, Firebase provides a user object, indicating a successful login.
User Login Code
To sign in an existing user, you use signInWithEmailAndPassword(). It works similarly to registration, taking an email and password.
This function also returns a Promise, allowing you to handle success or failure.
import { getAuth, signInWithEmailAndPassword } from "firebase/auth";
const auth = getAuth();
function loginUser(email, password) {
signInWithEmailAndPassword(auth, email, password)
.then((userCredential) => {
// Signed in successfully
const user = userCredential.user;
console.log("User logged in:", user.email);
})
.catch((error) => {
const errorCode = error.code;
const errorMessage = error.message;
console.error("Login error:", errorCode, errorMessage);
});
}Accessing Current User Data
After a user successfully registers or logs in, you can access their information via the currentUser object. This object holds details like their unique ID (UID) and email.
It's vital for personalizing app content.
import { getAuth } from "firebase/auth";
const auth = getAuth();
function displayUserInfo() {
const user = auth.currentUser;
if (user) {
// User is signed in
console.log("User UID:", user.uid);
console.log("User Email:", user.email);
// You can also get user.displayName, user.photoURL, etc.
} else {
// No user is signed in
console.log("No user currently logged in.");
}
}Logging Users Out
Providing a way for users to sign out is essential for security and user experience. Firebase Auth makes this simple with the signOut() method.
Calling signOut() clears the user's session.
import { getAuth, signOut } from "firebase/auth";
const auth = getAuth();
function logoutUser() {
signOut(auth).then(() => {
// Sign-out successful.
console.log("User signed out successfully!");
}).catch((error) => {
// An error happened.
console.error("Sign out error:", error);
});
}Basic Error Handling
When dealing with authentication, errors are common (e.g., wrong password, email already in use). Firebase provides specific error codes and messages.
Always include .catch() blocks to gracefully handle these issues and provide feedback to your users.
import { getAuth, signInWithEmailAndPassword } from "firebase/auth";
const auth = getAuth();
// Example with error handling
signInWithEmailAndPassword(auth, "wrong@example.com", "badpassword")
.then((userCredential) => {
console.log("Login successful!");
})
.catch((error) => {
const errorCode = error.code; // e.g., 'auth/user-not-found'
const errorMessage = error.message; // e.g., 'There is no user record...'
console.error("Auth failed:", errorCode, errorMessage);
// Display user-friendly message based on errorCode
});Check Your Knowledge
Which Firebase Authentication method is used to create a new user account with an email and password?
Recap: Email/Password Auth
Great job! You've learned the fundamentals of Email/Password authentication with Firebase.
- You enable the provider in the Firebase console.
createUserWithEmailAndPassword()registers new users.signInWithEmailAndPassword()logs in existing users.currentUsergives you access to user data.signOut()logs users out.- Always implement error handling for a robust app.
Next, we'll explore managing user sessions and states!
Domande Frequenti
La lezione «Implementazione dell'autenticazione tramite email e password» è gratuita?
Sì — il testo completo di «Implementazione dell'autenticazione tramite email e password» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Firebase Auth & Realtime Database Apps, passa a CoddyKit PRO. Il corso Firebase Auth & Realtime Database Apps include 4 lezioni in totale.
Cosa imparerò in «Implementazione dell'autenticazione tramite email e password»?
Implementi la registrazione e l'accesso degli utenti usando credenziali email e password con Firebase Authentication Eserciti Firebase Auth & Realtime Database Apps con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Firebase Auth & Realtime Database Apps?
Non è richiesta alcuna esperienza precedente. Firebase Auth & Realtime Database Apps su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 4.
Quanto tempo richiede la lezione «Implementazione dell'autenticazione tramite email e password»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Firebase Auth & Realtime Database Apps?
Sì. Ogni lezione Firebase Auth & Realtime Database Apps include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Implementazione dell'autenticazione tramite email e password
- Gestione delle sessioni e degli stati degli utenti
- Gestione degli errori di autenticazione
- Reimpostazione della password e verifica dell’email