Creación y gestión de un videoblog con Firebase

Clase 3 de 32Curso de Firebase 5 para Web

Resumen

Crearás un videoblog geek paso a paso con Firebase, integrando autenticación, Firestore, notificaciones, storage y hosting. Verás cómo modelar datos, filtrar consultas y configurar un proyecto real desde la consola, con prácticas que escalan y cuidan la privacidad.

¿Qué proyecto construirás con Firebase?

El objetivo es un videoblog donde los usuarios se autentican y publican posts con título, enlace a video e imagen opcional. Tras iniciar sesión, se muestra avatar y mensaje de bienvenida. Si agregas imagen, el post mostrará la imagen y el enlace al video; si no la agregas, se mostrará el video directamente. Practicarás reglas de seguridad en Firestore, estructura de colecciones y documentos, y tipos de datos para un CRUD seguro.

  • Autenticación con email y password, o con Google, Facebook y GitHub.
  • Publicación de posts con enlaces e imágenes opcionales.
  • Consultas con filtros: “mis posts” o “todos los posts”.
  • Carga de archivos al storage y registro en la base de datos.
  • Notificaciones al crear un nuevo post.
  • Despliegue en hosting para la web.

¿Cómo se integran autenticación y posts con Firestore?

Aprenderás a conectar el flujo de inicio de sesión con la creación y lectura de datos en Firestore, garantizando que cada usuario gestione su propio contenido.

¿Cómo funciona la autenticación de usuarios?

  • Inicio de sesión con email y password o con Google, Facebook y GitHub.
  • Al autenticarse, se muestra foto de perfil y saludo de bienvenida.
  • Identidad verificada para asociar autoría de cada post.

¿Cómo crear y visualizar posts?

  • Ejemplo de post: “Reglas de seguridad en Firestore”.
  • Campos clave: título, enlace de video, imagen (opcional).
  • Si hay imagen: se muestra imagen y un enlace para ir al video.
  • Si no hay imagen: se muestra el video embebido en el post.

¿Cómo consultar por mis posts o todos?

  • Filtro “mis posts”: consulta por el usuario autenticado.
  • Filtro “todos los posts”: lista global de la comunidad.
  • Uso de consultas y filtros de Firestore para eficiencia.

¿Cómo crear un proyecto en la consola de Firebase?

Configurarás tu primer proyecto desde firebase.google.com, con parámetros de identidad y ubicación de datos que impactan costo, latencia y privacidad.

  • Entra a firebase.google.com e inicia sesión con tu cuenta de Gmail.
  • Ve a la consola (acceso de developers).
  • Crea un nuevo proyecto y elige un nombre único en toda la plataforma.
  • La interfaz muestra un identificador único del proyecto.
  • Define dónde almacenar los datos de Analytics y de Firestore: puedes elegir el data center según requerimientos de privacidad o cercanía.
  • Revisa configuración predeterminada, acepta términos y crea el proyecto.
  • Al finalizar, pulsa Continuar para ver el panel con servicios a la izquierda.
  • Plan inicial: Spark (gratuito); podrás cambiarlo más adelante según el uso.

Servicios que implementarás en el proyecto: - Firestore: colecciones, documentos, tipos de datos y filtros. - Reglas de seguridad para proteger lectura/escritura por usuario. - Storage: subir la imagen al crear un post y guardar la referencia en la base. - Notificaciones al publicar un nuevo ítem. - Hosting para servir la aplicación web. - Functions con Node.js en enfoque Serverless para lógica adicional.

¿Te gustaría extender el videoblog con más filtros o formatos de post? Cuéntalo en los comentarios y qué parte quieres profundizar a continuación.

      Creación y gestión de un videoblog con Firebase