Ponte al día con lo más destacado de Firebase en Google I/O 2023. Más información

Firebase Hosting

Firebase Hosting proporciona hosting seguro y rápido para las aplicaciones web, el contenido dinámico y estático, y los microservicios.

Firebase Hosting es un servicio de hosting de contenido web con nivel de producción orientado a desarrolladores. Con un solo comando, puedes implementar aplicaciones web y entregar contenido dinámico y estático en una CDN (red de distribución de contenidos) global rápidamente. También puedes sincronizar Firebase Hosting con Cloud Functions o Cloud Run para compilar y alojar microservicios en Firebase.

Comenzar

Funciones clave

Entregar contenido mediante una conexión segura La Web moderna es segura. Firebase Hosting incluye SSL sin necesidad de configuración para que el contenido se entregue siempre de forma segura.
Alojar contenido dinámico y estático, además de microservicios Firebase Hosting admite todo tipo de contenido para hosting, desde los archivos CSS y HTML hasta las API o los microservicios de Express.js.
Publicar contenido con rapidez Cada archivo que subas se almacena en caché en discos SSD ubicados en el perímetro de la CDN en todo el mundo y se entrega en formato gzip o Brotli. Seleccionamos automáticamente el mejor método de compresión para tu contenido. No importa dónde estén tus usuarios, el contenido se entrega rápidamente.
Emular y compartir tus cambios antes de publicarlos

Observa y prueba tus cambios en una URL alojada localmente y después interactúa con un backend emulado.

Comparte los cambios con tus compañeros de equipo mediante URL de vista previa temporales. Hosting también proporciona una integración en GitHub para realizar iteraciones con facilidad de tu contenido de vista previa.
Implementar versiones nuevas con un comando

Con Firebase CLI, puedes poner tu app en funcionamiento en cuestión de segundos. Las herramientas de línea de comandos permiten agregar fácilmente destinos de implementación en el proceso de compilación.

Si necesitas deshacer la implementación, con Hosting puedes hacer reversiones con un solo clic.

¿Cómo funciona?

Firebase Hosting se creó para el desarrollador web moderno. Los sitios web y las apps son más potentes que nunca gracias al surgimiento de frameworks de frontend de JavaScript, como Angular, y herramientas de generación estática, como Jekyll. Ya sea que estés implementando una página de destino sencilla de la app o una app web progresiva (AWP) compleja, Hosting te ofrece la infraestructura, las funciones y las herramientas orientadas a la implementación y administración de sitios web y apps.

Con Firebase CLI, puedes implementar archivos desde los directorios locales de tu computadora en nuestros servidores de Hosting. Además de entregar contenido estático, puedes usar Cloud Functions para Firebase o Cloud Run para entregar contenido dinámico y alojar microservicios en tus sitios. Todo el contenido se entrega mediante una conexión SSL desde el servidor periférico más cercano en nuestra CDN global.

También puedes ver y probar tus cambios antes de publicarlos. Con Firebase Local Emulator Suite, puedes emular los recursos de la app y del backend en una URL alojada de forma local. También puedes compartir tus cambios en una URL de vista previa temporal y configurar una integración con GitHub para realizar iteraciones sencillas durante el desarrollo.

Firebase Hosting tiene opciones de configuración ligeras para que compiles AWP sofisticadas. Puedes reescribir fácilmente las URL para el enrutamiento del cliente, configurar encabezados personalizados o incluso entregar contenido localizado.

Firebase ofrece varias opciones de dominios y subdominios para entregar tu contenido:

  • De forma predeterminada, cada proyecto de Firebase tiene subdominios sin costo en los dominios web.app y firebaseapp.com. Estos dos sitios entregan la misma configuración y contenido implementados.

  • Puedes crear varios sitios si tienes apps o sitios relacionados que entreguen contenido distinto, pero que compartan los recursos del mismo proyecto de Firebase (por ejemplo, si tienes un blog, un panel de administración y una app pública).

  • Puedes conectar tu propio nombre de dominio a un sitio alojado en Firebase.

Firebase aprovisiona certificados SSL automáticamente para todos tus dominios a fin de que tu contenido se entregue de forma segura.

Ruta de implementación

Instala Firebase CLI Con Firebase CLI, es fácil configurar un proyecto nuevo de Hosting, ejecutar un servidor de desarrollo local y también implementar contenido.
Configura un directorio de proyecto

Agrega los elementos estáticos al directorio de un proyecto local y, luego, ejecuta firebase init para conectar el directorio a un proyecto de Firebase.

En el directorio de tu proyecto local, también puedes configurar Cloud Functions o Cloud Run para tu contenido dinámico y microservicios.
Visualiza, prueba y comparte los cambios antes de publicarlos (opcional).

Ejecuta firebase emulators:start para emular Hosting y los recursos de tu proyecto de backend en una URL alojada localmente.

Para ver y compartir los cambios en una URL de vista previa temporal, ejecuta firebase hosting:channel:deploy a fin de crear e implementar en un canal de vista previa. Configura la integración en GitHub para realizar iteraciones sencillas de tu contenido de vista previa.

Implementa tu sitio Cuando estés satisfecho con la configuración, ejecuta firebase deploy para subir la instantánea más reciente a nuestros servidores. Si necesitas deshacer la implementación, puedes revertirla con un solo clic en Firebase console.
Vincula el sitio a una aplicación web de Firebase (opcional) Cuando vinculas tu sitio a una aplicación web de Firebase, puedes usar Google Analytics para recopilar datos de uso y comportamiento de tu app y Firebase Performance Monitoring para obtener estadísticas sobre las características de su rendimiento.

Próximos pasos