Firebase Hosting le brinda una manera rápida, segura y confiable de alojar los recursos estáticos de su aplicación (HTML, CSS, JavaScript, archivos multimedia, etc.), así como de brindar contenido dinámico y microservicios de host .
Nuestro hosting de nivel de producción está respaldado por una red global de entrega de contenido (CDN). El alojamiento sirve su contenido a través de SSL, de manera predeterminada, y se puede usar 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, debe crear un proyecto de Firebase .
Paso 1 : Instale Firebase CLI
Visite la documentación de Firebase CLI para obtener información sobre cómo instalar la 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 las indicaciones de Firebase CLI:
Seleccione un proyecto de Firebase para conectarse a su directorio de proyectos local.
El proyecto de Firebase seleccionado es su proyecto de Firebase "predeterminado" para su directorio de proyectos local. Para conectar proyectos de Firebase adicionales a su directorio de proyectos local, configure alias de proyecto .
Especifique un directorio para usar como su directorio raíz público.
Este directorio contiene todos sus archivos estáticos publicados públicamente, incluido su archivo
index.html
y cualquier otro recurso 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 tarde 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 un archivo404.html
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, entonces Firebase agrega automáticamente configuraciones de reescritura para 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.json
que enumera la configuración de su proyecto. Obtenga más información sobre este archivo en la página de configuración del comportamiento de hospedaje .Un archivo
.firebaserc
que almacena los alias de su proyecto .
Paso 3 : implementar en su sitio
Para implementar en su sitio, ejecute el siguiente comando desde la raíz de su directorio de proyecto local:
firebase deploy --only hosting
Este comando implementa el contenido y la configuración de Hosting en los siguientes subdominios proporcionados 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 en vivo. Sigue esta guía paso a paso .
Más información sobre otras capacidades de alojamiento:
Eche un vistazo a la documentación completa de Firebase CLI .
Prepárese para lanzar su aplicación:
- Configura alertas de presupuesto para tu proyecto en Google Cloud Console.
- Supervise el panel de uso y facturación en la consola de Firebase para obtener una imagen general del uso de su proyecto en varios servicios de Firebase. También puede visitar el panel de uso de alojamiento para obtener información de uso más detallada.
- Revise la lista de verificación de lanzamiento de Firebase .