Firebase Hosting te ofrece una forma rápida, segura y confiable de alojar los activos estáticos de tu aplicación (HTML, CSS, JavaScript, archivos multimedia, etc.), así como de ofrecer contenido dinámico y alojar microservicios .
Nuestro alojamiento de nivel de producción está respaldado por una red global de entrega de contenido (CDN). El alojamiento ofrece su contenido a través de SSL, de forma predeterminada, y puede usarse con su propio dominio personalizado o en los subdominios de su proyecto sin costo en web.app y firebaseapp.com .
Antes de que empieces
Antes de poder configurar Firebase Hosting, debes crear un proyecto de Firebase .
Paso 1 : instale Firebase CLI
Visite la documentación de Firebase CLI para aprender cómo instalar CLI o actualizar a su última versión .
Paso 2 : inicializa tu proyecto
Para conectar los archivos de su proyecto local a su proyecto de Firebase, ejecute el siguiente comando desde la raíz del directorio de su proyecto local:
firebase init hosting
Durante la inicialización del proyecto, desde Firebase CLI se le solicita:
Seleccione un proyecto de Firebase para conectarse al directorio de su proyecto local.
El proyecto de Firebase seleccionado es su proyecto de Firebase "predeterminado" para su directorio de proyectos local. Para conectar proyectos adicionales de Firebase a tu directorio de proyectos local, configura alias de proyectos .
Especifique un directorio para utilizarlo como directorio raíz público.
Este directorio contiene todos sus archivos estáticos servidos públicamente, incluido su archivo
index.htmly cualquier otro activo que desee implementar en Firebase Hosting.El valor predeterminado para el directorio raíz público se llama
public.Puede especificar su directorio raíz público ahora o puede especificarlo más adelante en su archivo de configuración
firebase.json.Si selecciona el valor predeterminado y aún no tiene un directorio llamado
public, Firebase lo crea por usted.
Si aún no tiene un archivo
index.htmlo404.htmlválido en su directorio raíz público, Firebase los crea por usted.
Elija una configuración para su sitio.
Si selecciona crear una aplicación de una página, Firebase agrega automáticamente configuraciones de reescritura por usted.
Al final de la inicialización, Firebase crea y agrega automáticamente dos archivos a la raíz del directorio de tu aplicación local:
Un archivo de configuración
firebase.jsonque enumera la configuración de su proyecto. Obtenga más información sobre este archivo en la página de configuración del comportamiento del hosting .Un archivo
.firebasercque almacena los alias de su proyecto .
Paso 3 : Implemente en su sitio
Para implementar en su sitio, ejecute el siguiente comando desde la raíz del directorio de su proyecto local:
firebase deploy --only hosting
Este comando implementa su contenido y configuración de Hosting en los siguientes subdominios aprovisionados por Firebase:
-
PROJECT_ID .web.app -
PROJECT_ID .firebaseapp.com
Obtenga más información sobre las implementaciones e incluso las pruebas locales de su sitio .
Próximos pasos
¡Ahora su sitio está listo para compartir con el mundo!
Continúe mejorando su sitio. Pruebe localmente, comparta los cambios en una URL de vista previa temporal y luego impleméntelos en su sitio activo. Sigue esta guía paso a paso .
Conozca más capacidades de alojamiento:
Eche un vistazo a la documentación completa de Firebase CLI .
Prepárese para iniciar su aplicación:
- Configure alertas de presupuesto para su proyecto en la consola de Google Cloud.
- Supervise el panel de Uso y facturación en Firebase console para obtener una imagen general del uso de su proyecto en múltiples servicios de Firebase. También puede visitar el panel de uso de hosting para obtener información más detallada sobre el uso.
- Revisa la lista de verificación de lanzamiento de Firebase .