Deployar una Página Web en Firebase Hosting

Antes de deployar una web en el hosting de firebase, necesitas crear una cuenta y un nuevo proyecto en la consola de firebase.

Instalar las Herramientas de Firebase

Una vez has creado tu cuenta, vamos a instalar el paquete de herramientas de firebase en tu computador, para hacerlo únicamente deberás ejecutar el siguiente comando de npm en tu consola.

npm install -g firebase-tools
Comando de NPM para Instalar Globalmente las Herramientas de Firebase

Inicializar Firebase en tu Proyecto

Una vez instalado Firebase, vamos a inicializar Firebase Hosting en nuestro proyecto usando el siguiente comando.

firebase init
Comando para Inicializar Firebase

Este comando te va a pedir algunos campos de configuración que deberás llenarlos dentro de la consola con los servicios que tu necesites.

En la siguiente imagen puedes ver toda la configuración necesaria para el Hosting de Firebase.

Configuración de Firebase Hosting
Configuración de Firebase Hosting

Como puedes ver, este comando va a generar 2 archivos.

  • .firebaserc: Contiene información sobre el proyecto y donde este va a ser deployado.
  • firebase.json: Contiene información y reglas de tus servicios.

Deploy

Una vez has completado la configuración podrás deployar tu proyecto en el alojamiento de Firebase usando el siguiente comando.

firebase deploy --only hosting
Comando para Deployar una Página Web en Firebase Hosting

Si tienes más de un servicio como firestore, functions o cualquier otro, puedes usar el comando firebase deploy para deployar todos los servicios directamente.

Finalmente, puedes ir a firebase y verificar que tu proyecto ha sido deployado usando el link que te va a aparecer en la consola una vez se ha completado el deploy.