Despliegue de Aplicaciones con Firebase Hosting

Clase 26 de 32Curso de Firebase 5 para Web

Resumen

Lleva tu blog a producción en minutos con Firebase Hosting: desde la instalación de las herramientas hasta el deploy y la gestión de versiones. Verás cómo autenticarte, configurar la carpeta public, decidir si tu sitio es single page y publicar con alta disponibilidad, además de enlazar un dominio personalizado.

¿Cómo desplegar un blog en Firebase Hosting paso a paso?

Primero, entra a la consola de Firebase, sección de hosting, y pulsa “Empezar”. En tu proyecto, abre la terminal e instala las herramientas de Firebase. La guía indica un flujo claro: login, init, construir el proyecto y deploy.

¿Cómo instalar las herramientas de Firebase CLI?

  • Abre la terminal en la carpeta del proyecto.
  • Ejecuta el comando indicado para instalar las herramientas de Firebase.
  • Mientras instala, revisa en la consola los pasos siguientes.
  • Al finalizar, continúa con la autenticación.

¿Cómo autenticarse con firebase login desde el navegador?

  • Ejecuta: firebase login.
  • Se abrirá el navegador: acepta colaborar con Google en métricas y analíticas.
  • Elige el usuario de Google, concede permisos y regresa a la terminal.
  • Verifica que quedaste autenticado correctamente.

¿Cómo iniciar el proyecto con firebase init y elegir servicios?

  • Si pensabas usar firebase use --add, antes debes correr firebase init.
  • Confirma que estás listo para proceder.
  • Elige los servicios: verás firestore, Fusion, hosting, storage; selecciona hosting.
  • Selecciona el proyecto correcto de tu cuenta (por ejemplo, el de “blog Plaxy”).

¿Qué configuración elegir para la carpeta public y SPA?

La estructura del proyecto incluye una carpeta public con toda la aplicación. Para producción, lo ideal es usar un build system como Bulb que genera un bundle minificado y optimizado. En este caso, se despliega directamente “public”.

¿Por qué usar un build system y bundle antes del deploy?

  • Genera archivos minificados y listos para producción.
  • Comprime imágenes y optimiza recursos.
  • Facilita un deploy más rápido y estable.

¿Qué opciones confirmar durante firebase init para hosting?

  • Directorio público: public.
  • ¿Configurar como single page?: no en este caso.
  • ¿Sobrescribir el archivo index?: no, ya existe.

¿Cómo ejecutar el deploy, gestionar versiones y conectar un dominio?

Con el proyecto configurado, publica con firebase deploy. Firebase tomará “public” y lo subirá al hosting. Obtendrás un dominio por defecto para acceder al sitio con alta disponibilidad. Luego podrás repetir el deploy para crear nuevas versiones, hacer rollback y enlazar un dominio personalizado.

¿Cómo publicar con firebase deploy y ver el dominio por defecto?

  • Ejecuta: firebase deploy.
  • Observa el estado y la cantidad de archivos subidos.
  • Abre el dominio por defecto desde la consola y verifica tu blog en línea.

¿Cómo funcionan las versiones y el rollback en Firebase Hosting?

  • Cada deploy crea una nueva versión visible en la consola.
  • La versión activa es la más reciente.
  • Puedes restaurar una versión anterior con la opción “Restaurar”.
  • También es posible eliminar versiones que ya no uses.

¿Cómo conectar un dominio personalizado en Firebase Hosting?

  • Agrega tu dominio en la sección de hosting (ejemplo: ejemplo.test.com).
  • Recibe los registros para configurarlos en tu proveedor de dominio.
  • Firebase realiza la comprobación y queda enlazado tu dominio.

¿Listo para personalizar el hosting? Cuéntame qué parte te gustaría ajustar o si necesitas ayuda con el rollback o el dominio personalizado.