Despliegue de Aplicaciones Web (App Hosting)

Conceptos Básicos de App Hosting

Descripción

Esta habilidad permite al agente desplegar y gestionar aplicaciones web modernas full-stack (Next.js, Angular, etc.) usando Firebase App Hosting.

Importante: Para usar App Hosting, tu proyecto de Firebase debe estar en el plan de facturación Blaze. Indica al usuario que visite https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered para actualizar su plan.

Hosting vs App Hosting

Elige Firebase Hosting si:

• Estás desplegando un sitio estático (HTML/CSS/JS).
• Estás desplegando una SPA simple (React, Vue, etc. sin SSR).
• Quieres control total sobre el proceso de compilación y despliegue mediante CLI.

Elige Firebase App Hosting si:

• Estás usando un framework full-stack compatible como Next.js o Angular.
• Necesitas Renderizado del Lado del Servidor (SSR) o Regeneración Estática Incremental (ISR).
• Quieres un flujo de trabajo automatizado de "git push to deploy" con configuración cero.

Despliegue en App Hosting

Despliegue desde el Código Fuente

Este es el flujo recomendado para la mayoría de los usuarios.

1. Configura firebase.json con un bloque apphosting.

   {
     "apphosting": {
       "backendId": "my-app-id",
       "rootDir": "/",
       "ignore": [
         "node_modules",
         ".git",
         "firebase-debug.log",
         "firebase-debug.*.log",
         "functions"
       ]
     }
   }
   

2. Crea o edita apphosting.yaml; consulta Configuración para obtener más información sobre cómo hacerlo.

3. Si la aplicación necesita acceso seguro a claves sensibles, usa los comandos npx -y firebase-tools@latest apphosting:secrets para configurar y otorgar acceso a secretos.

4. Ejecuta npx -y firebase-tools@latest deploy cuando estés listo para desplegar.

Despliegue automatizado mediante GitHub (CI/CD)

Alternativamente, configura un backend conectado a un repositorio de GitHub para despliegues automatizados con "git push". Esto solo se recomienda para usuarios más avanzados y no es necesario para usar App Hosting. Consulta Comandos CLI para obtener más información sobre cómo configurarlo usando comandos CLI.

Emulación

Consulta Emulación para obtener más información sobre cómo probar tu aplicación localmente usando Firebase Local Emulator Suite.