Comience con Firebase Hosting

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:

  1. 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 .

  2. 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.html y 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.html o 404.html válido en su directorio raíz público, Firebase los crea por usted.

  3. 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:

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!