¿Como hacer un Deploy a Firebase Hosting?
Manuel Duarte 💛💙
Posted on May 13, 2021
Ir a https://console.firebase.google.com e iniciar sesión, si no posees una cuenta, debes registrar un usuario con tu correo gmail.
Una vez accedas a Firebase console podrás observar las apps que tienes disponible, si deseas crear otra app, ve a la opción crear aplicacion. En nuestro caso usaremos “ThanosLanguages”
Ir a la terminal del sistema operativo e instalar las Firebase Tools con el siguiente comando:
npm install -g firebase-tools
, si en caso usas yarn, debes usaryarn add -g firebase-tools
Luego debes iniciar sesión desde tu terminal con el comando:
firebase login,
si en caso ya estás logeado, verás un mensaje similar a “you are logged as 'correo’”, caso contrario te abrirá el navegador, e inicias sesión con tu cuenta de Firebase. (si en caso estás logueado y deseas cerrar sesión usa:firebase logout
).Inicializar el proyecto en la ruta raíz con el comando: firebase init.
Se listara serie de opciones en nuestro caso usaremos la opción hosting (con arrow up/arrow down mover entre opciones y space key para seleccionar opción, luego enter).
Se listara los proyectos disponibles a tu usuario Firebase, en nuestro caso debemos seleccionar CocomioLanguages, y luego enter
Opciones:
What to you want to use as public directory: dist
configure as a single page app(y/N) y
- Se creará la carpeta dist (puedes borrarla es opcional). .
- Compilar la app desde la raíz del proyecto, usando uno de los siguientes comandos:
-
npm run build
-
yarn build
- Se debe subir lo que esta en la carpeta build, por lo tanto debemos abrir el archivo “firebase.json” y dejar con una estructura como:
{“hosting”:{
“public”: “build” /*solo cambiar dist por build */,
…
}
}
- Ejecutar el comando:
firebase deploy
Recibirás un mensaje de éxito, y podrás ver la Url e ir a la Url y listo
Posted on May 13, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
November 30, 2024