CommunityProgramación y desarrollogithub.com

firebase/firebase-auth-basics

Guía para configurar y usar Firebase Authentication. Usa esta habilidad cuando la aplicación del usuario requiera inicio de sesión, gestión de usuarios o acceso seguro a datos mediante reglas de autenticación.

¿Qué es firebase-auth-basics?

Esta habilidad proporciona una guía completa para configurar y utilizar Firebase Authentication en aplicaciones web y móviles. Es útil para desarrolladores que necesitan implementar autenticación de usuarios, como inicio de sesión con correo electrónico y contraseña, proveedores de terceros (Google, Facebook, etc.) o autenticación anónima. La habilidad cubre desde la configuración inicial en Firebase Console hasta la integración con reglas de seguridad de Firestore y Realtime Database para controlar el acceso a datos según el estado de autenticación del usuario. Soporta plataformas como Firebase JavaScript SDK, Admin SDK, y se integra con herramientas como Cursor y Claude Code. Al seguir esta guía, los desarrolladores pueden gestionar usuarios, verificar sesiones y proteger recursos de manera eficiente, permitiendo que la aplicación ofrezca experiencias personalizadas y seguras.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/firebase/skills/tree/main/skills/firebase-auth-basics

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace firebase-auth-basics?

Guía para configurar y usar Firebase Authentication. Usa esta habilidad cuando la aplicación del usuario requiera inicio de sesión, gestión de usuarios o acceso seguro a datos mediante reglas de autenticación.

Configuración inicial

  1. Ve a la Consola de Firebase y selecciona tu proyecto.
  2. En el menú lateral, haz clic en Authentication.
  3. Haz clic en Comenzar y luego en la pestaña Sign-in method.
  4. Habilita los proveedores de autenticación que necesites (correo electrónico/contraseña, Google, Facebook, etc.).

Instalación

Para usar Firebase Authentication en tu aplicación, instala el SDK correspondiente:

npm install firebase

Inicialización

Importa e inicializa Firebase en tu aplicación:

import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";

const firebaseConfig = {
  apiKey: "TU_API_KEY",
  authDomain: "TU_PROJECT.firebaseapp.com",
  projectId: "TU_PROJECT_ID",
  // ... otros campos
};

const app = initializeApp(firebaseConfig);
const auth = getAuth(app);

Autenticación básica

Registro con correo electrónico y contraseña

import { createUserWithEmailAndPassword } from "firebase/auth";

createUserWithEmailAndPassword(auth, email, password)
  .then((userCredential) => {
    // Usuario registrado
    const user = userCredential.user;
  })
  .catch((error) => {
    const errorCode = error.code;
    const errorMessage = error.message;
  });

Inicio de sesión con correo electrónico y contraseña

import { signInWithEmailAndPassword } from "firebase/auth";

signInWithEmailAndPassword(auth, email, password)
  .then((userCredential) => {
    // Usuario autenticado
    const user = userCredential.user;
  })
  .catch((error) => {
    const errorCode = error.code;
    const errorMessage = error.message;
  });

Cerrar sesión

import { signOut } from "firebase/auth";

signOut(auth).then(() => {
  // Sesión cerrada
}).catch((error) => {
  // Error al cerrar sesión
});

Integración con reglas de seguridad

Firebase Authentication se integra con Firestore y Realtime Database para controlar el acceso a datos mediante reglas de seguridad:

// Firestore
match /databases/{database}/documents {
  match /users/{userId} {
    allow read, write: if request.auth.uid == userId;
  }
}

Gestión de usuarios

Puedes gestionar usuarios desde la Consola de Firebase o mediante el Admin SDK:

npm install firebase-admin
const admin = require("firebase-admin");

admin.auth().getUser(uid)
  .then((userRecord) => {
    console.log(userRecord.toJSON());
  })
  .catch((error) => {
    console.error("Error al obtener usuario:", error);
  });

Recursos adicionales

Skills relacionados