Firebase Studio ofrece varias opciones de publicación, lo que te permite elegir el método que mejor se adapte a las necesidades de tu proyecto. A continuación, se incluye una descripción general de las opciones disponibles:
Firebase App Hosting: App Hosting es ideal para publicar aplicaciones dinámicas de Next.js y Angular, ya que ofrece compatibilidad con frameworks integrados, integración en GitHub y con otros productos de Firebase, como Firebase Authentication, Cloud Firestore y Vertex AI in Firebase.
Si desarrollaste una app de Next.js con App Prototyping agent, puedes publicarla directamente desde Firebase Studio con solo unos clics.
Firebase Hosting: Adecuada para alojar apps web y contenido web estático (HTML, CSS, JavaScript, imágenes y otros recursos estáticos) y apps de una sola página. Firebase Hosting proporciona una entrega de contenido rápida a través de una CDN global, certificados SSL gratuitos y compatibilidad con dominios personalizados.
Cloud Run: Usa Cloud Run para implementar aplicaciones en contenedores. Es una buena opción para publicar aplicaciones escalables y portátiles que se pueden ejecutar en cualquier plataforma.
Otras opciones de implementación: Implementa la app en la solución de hosting que elijas, incluidas otras plataformas o tu propio servidor.
Publica y supervisa tu app con Firebase App Hosting
Si creas una app con App Prototyping agent, puedes publicarla en Firebase App Hosting directamente desde Firebase Studio.
Publica tu app con App Hosting
Cuando configuras App Hosting, Firebase Studio crea un proyecto de Firebase para ti y te guía para vincular una cuenta de Cloud Billing.
Para publicar tu app en Firebase App Hosting, sigue estos pasos:
Haz clic en Publicar para crear un proyecto de Firebase nuevo y comenzar la configuración de App Hosting. Aparecerá el panel Publica tu app.
En el paso Proyecto de Firebase, anota el nombre del proyecto de Firebase que se creó por ti y, luego, haz clic en Siguiente.
En el paso Vincular cuenta de Cloud Billing, elige una de las siguientes opciones:
Selecciona la cuenta de Cloud Billing que quieres vincular a tu proyecto de Firebase.
Si no tienes una cuenta de Cloud Billing o quieres crear una nueva, haz clic en Crear una cuenta de Cloud Billing. Se abrirá la console de Google Cloud, en la que puedes crear una nueva cuenta de Cloud Billing autoservicio. Después de crear la cuenta, regresa a Firebase Studio y selecciona la cuenta de la lista Vincular Cloud Billing.
Haz clic en Siguiente. Firebase Studio vincula la cuenta de facturación al proyecto asociado con tu espacio de trabajo, que se creó cuando generaste automáticamente una clave Gemini API o cuando hiciste clic en Publicar. Luego, App Hosting configura un entorno completamente administrado para tu app en Google Cloud.
Haz clic en Crea tu primer lanzamiento. Firebase Studio inicia el lanzamiento de App Hosting. Esto puede tardar hasta diez minutos en completarse. Para obtener más información sobre lo que sucede en segundo plano, consulta El proceso de compilación de App Hosting.
Cuando se complete el lanzamiento, aparecerá la Descripción general de la app con una URL y estadísticas de la app potenciadas por la observabilidad de App Hosting. Para usar un dominio personalizado (como example.com o app.example.com) en lugar del dominio generado por Firebase, puedes agregar un dominio personalizado en la consola de Firebase.
Para obtener más información sobre App Hosting, consulta Información sobre App Hosting y cómo funciona.
Supervisa tu app con la observabilidad de App Hosting
El panel Descripción general de la app de App Hosting proporciona información y métricas clave sobre tu app, lo que te permite supervisar el rendimiento de tu app web con las herramientas de observabilidad integradas de App Hosting. Después de que se lance tu sitio, podrás hacer clic en Publicar para acceder a la descripción general. En este panel, puedes hacer lo siguiente:
- Haz clic en Crear lanzamiento para lanzar una versión nueva de tu app.
- Comparte el vínculo a tu app o ábrela directamente en Visita tu app.
- Revisa un resumen del rendimiento de tu app en los últimos 7 días, incluida la cantidad total de solicitudes y el estado de tu lanzamiento más reciente. Haz clic en Ver detalles para acceder a aún más información en la consola de Firebase.
- Consulta un gráfico de la cantidad de solicitudes que recibió tu app en las últimas 24 horas, desglosadas por código de estado HTTP.
Si cierras el panel Descripción general de la app, puedes volver a abrirlo en cualquier momento haciendo clic en Publicar.
Obtén más información para administrar y supervisar los lanzamientos de App Hosting en Administra lanzamientos y versiones.
Cómo revertir tu sitio de App Hosting
Si implementaste versiones sucesivas de tu app en App Hosting, puedes revertirla a una de las versiones anteriores. También puedes quitarla.
Para revertir un sitio publicado, haz lo siguiente:
Busca el backend de tu app, haz clic en Ver y, luego, en Lanzamientos.
Junto a la implementación a la que deseas volver, haz clic en Más , luego, elige Revertir a esta compilación y confirma.
Obtén más información en Cómo administrar lanzamientos y versiones.
Para quitar tu dominio App Hosting de la Web, sigue estos pasos:
En la consola de Firebase, abre App Hosting y haz clic en Ver en la sección de la app Firebase Studio.
En la sección Información del backend, haz clic en Administrar. Se carga la página Dominios.
Junto a tu dominio, haz clic en Más , luego, elige Inhabilitar dominio y confirma.
De esta forma, se quitará tu dominio de la Web. Para quitar por completo tu backend de App Hosting, sigue las instrucciones que se indican en Cómo borrar un backend.
Firebase Hosting
Puedes publicar apps web en Firebase Hosting desde tu lugar de trabajo de Firebase Studio. Antes de publicar una app web en Firebase Hosting, crea un proyecto de Firebase y registra tu app.
Si no tienes los permisos necesarios del proyecto de Firebase, puedes pedirle al propietario del proyecto de Firebase que te asigne el rol correspondiente en la página Usuarios y permisos de Firebase console. Si tienes preguntas sobre el acceso a tu proyecto de Firebase, incluida la búsqueda o asignación de propietarios, consulta Permisos y acceso a los proyectos de Firebase.
Para implementar tu app en Firebase Hosting desde Firebase Studio, haz lo siguiente:
Abre tu espacio de trabajo de Firebase Studio. Si usas App Prototyping agent, haz clic en
Switch to Code para abrir la vista Code.Haz clic en el ícono Firebase Studio en el panel de navegación para abrir el panel Firebase Studio y expandir la sección Firebase Hosting.
Haz clic en Autentica Firebase y sigue las indicaciones que aparecen en la ventana de la terminal para autenticar tu cuenta de Firebase.
Haz clic en Initialize Firebase Hosting y sigue las indicaciones en la ventana de Terminal para configurar tu implementación.
Para implementar tu app, haz clic en Deploy to Production o Deploy to Channel en la sección Firebase Hosting del panel Firebase Studio.
Cloud Run
Antes de realizar la implementación con Cloud Run, asegúrate de configurar un proyecto de Google Cloud y habilitar Cloud Billing.
Abre tu espacio de trabajo de Firebase Studio. Si usas App Prototyping agent, haz clic en
Switch to Code para abrir la vista Code.Haz clic en el ícono Firebase Studio en el panel de navegación para abrir el panel Firebase Studio y, luego, en Implementar en Cloud Run.
Selecciona Permitir que este lugar de trabajo acceda a los recursos de Google Cloud con mi cuenta de Google y, luego, selecciona un proyecto de Google Cloud con la facturación habilitada en las ventanas de diálogo.
Haz clic en Autenticarse en la sección Cloud Run del panel Firebase Studio y sigue las indicaciones para autenticarte.
Haz clic en Implementar y sigue las indicaciones para configurar la implementación y, luego, implementar tu app.