Firebase Auth & Realtime Database Apps · Aula

Implementação da autenticação por e-mail e senha

Implemente as funcionalidades de cadastro e login de usuários usando credenciais de e-mail e senha com o Firebase Authentication.

Implementação da autenticação por e-mail e senha é uma aula grátis de Firebase Auth & Realtime Database Apps no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Firebase Auth & Realtime Database Apps, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Firebase Auth & Realtime Database Apps inclui 4 aulas no total.

Partes desta aula ainda não foram traduzidas e aparecem em inglês.

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.
currentUser gives 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!

Perguntas Frequentes

A aula “Implementação da autenticação por e-mail e senha” é grátis?

Sim — o texto completo de “Implementação da autenticação por e-mail e senha” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Firebase Auth & Realtime Database Apps, atualize para CoddyKit PRO. O curso de Firebase Auth & Realtime Database Apps inclui 4 aulas no total.

O que vou aprender em “Implementação da autenticação por e-mail e senha”?

Implemente as funcionalidades de cadastro e login de usuários usando credenciais de e-mail e senha com o Firebase Authentication. Você pratica Firebase Auth & Realtime Database Apps com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Firebase Auth & Realtime Database Apps?

Nenhuma experiência prévia é necessária. Firebase Auth & Realtime Database Apps no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.

Quanto tempo leva a aula “Implementação da autenticação por e-mail e senha”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Firebase Auth & Realtime Database Apps?

Sim. Cada aula de Firebase Auth & Realtime Database Apps inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

Implementação da autenticação por e-mail e senha
Gerenciamento de sessões e estados dos usuários
Tratamento de erros de autenticação
Redefinição de Senha e Verificação de E-mail

← Voltar para Firebase Auth & Realtime Database Apps