Firebase Hosting te brinda una manera rápida, segura y confiable de alojar los elementos estáticos de tu app (HTML, CSS, JavaScript, archivos multimedia, entre otros), además de entregar contenido dinámico y alojar microservicios.
Nuestro hosting de producción está respaldado por una red de distribución de contenidos (CDN) global. Según la configuración predeterminada, Hosting entrega contenido mediante SSL. Además, se puede usar con tu propio dominio personalizado o en los subdominios gratuitos del proyecto en web.app y firebaseapp.com.
Antes de comenzar
Antes de que puedas configurar Firebase Hosting, debes crear un proyecto de Firebase.
Paso 1: Instala Firebase CLI
Consulta la documentación de Firebase CLI para obtener información sobre cómo instalar la CLI o actualizarla a su versión más reciente.
Paso 2: Inicializa tu proyecto
Para conectar los archivos de tu proyecto local al proyecto de Firebase, ejecuta el siguiente comando desde la raíz del directorio del proyecto local:
firebase init hosting
Durante la inicialización del proyecto, desde los mensajes de Firebase CLI, haz lo siguiente:
Selecciona un proyecto de Firebase para conectar al directorio del proyecto local.
El proyecto de Firebase seleccionado es el proyecto de Firebase "predeterminado" para el directorio del proyecto local. Para conectar proyectos adicionales de Firebase al directorio del proyecto local, configura alias de proyectos.
Especifica un directorio para usar como directorio raíz público.
Este contiene todos los archivos estáticos entregados públicamente, incluido el archivo
index.htmly otros elementos que desees implementar en Firebase Hosting.La configuración predeterminada del directorio raíz público se denomina
public.Puedes especificar el directorio raíz público ahora o hacerlo más tarde en el archivo de configuración
firebase.json.Si seleccionas la configuración predeterminada y aún no tienes un directorio denominado
public, Firebase lo creará automáticamente.
Si aún no tienes un archivo
index.htmlo404.htmlválido en el directorio raíz público, Firebase los creará por ti.
Crea una configuración para el sitio.
Si seleccionas crear una app de una página, Firebase agrega automáticamente las configuraciones de reescritura para ti.
Al final de la inicialización, Firebase crea y agrega automáticamente dos archivos a la raíz del directorio de la app local:
Un archivo de configuración
firebase.jsonque contiene la configuración de tu proyecto. Obtén más detalles sobre este archivo en la página Configura el comportamiento del hosting.Un archivo
.firebaserc, en el que se almacenan los alias de tu proyecto.
Paso 3: Realiza implementaciones en tu sitio
Para realizar implementaciones en tu sitio, ejecuta el siguiente comando desde la raíz del directorio del proyecto local:
firebase deploy --only hosting
Con este comando, se implementa tu contenido y configuración de Hosting en los siguientes subdominios aprovisionados por Firebase:
PROJECT_ID.web.appPROJECT_ID.firebaseapp.com
Obtén más información sobre cómo realizar implementaciones y pruebas locales en tu sitio.
Pasos siguientes
Ya estás listo para compartir tu sitio con el mundo.
Sigue mejorando tu sitio. Realiza pruebas locales, comparte los cambios en una URL de vista previa temporal y, luego, impleméntalos en tu sitio. Sigue esta guía paso a paso.
Más información sobre otras funciones de hosting:
Consulta la documentación completa de Firebase CLI.
Prepárate para iniciar la app:
- Configura alertas de presupuesto para tu proyecto en Google Cloud Console.
- Supervisa el panel Uso y facturación en Firebase console para obtener una descripción general del uso de tu proyecto en varios servicios de Firebase. También puedes visitar el panel Uso de Hosting para obtener información de uso más detallada.
- Revisa la Lista de tareas para el lanzamiento de Firebase.