Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso de Firebase para Web 2019

Curso de Firebase para Web 2019

Juan Guillermo Gómez Torres

Juan Guillermo Gómez Torres

Desplegando la app al hosting

26/32
Recursos

Firebase nos proporciona algunas herramientas de línea de comandos para desplegar nuestras aplicaciones. Para usar estas herramientas solo debemos ejecutar los siguientes comandos y seguir las instrucciones que encuentras a continuación:

# Instalación:
npm install -g firebase-tools

# Login
firebase login

# Iniciar el proyecto
firebase init
# seleccionamos la opción "Hosting", buscamos el id de nuestro proyecto y seleccionamos las opciones de nuestros archivos estáticos

# Desplegar nuestra aplcación
firebase deploy

Aportes 13

Preguntas 8

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Si en la consola te sale el error 401 al tratar firebase use or firebase init, se soluciona con firebase logout y luego otra vez firebase login

Si no les funciona el comando firebase prueben instalandolo con

curl -sL https://firebase.tools | bash

Si al dar Error Hosting init, presenta error con el nombre del proyecto, es porque tiene un nombre distinto en tu consola. cambialo en el archivo .firebaserc del proyecto.
Me pasó porque tomé el repositorio completo yo usé otro nombre en FB.

{
  "projects": {
    "default": "blocfbplatzi" //aquí coloca el nombre de tu id proyect de firebase
  }
}

Está mal el orden de los vídeos, este vídeo al anterior.
Este vídeo que es el 27, debería ser el 26 y el 26 debería ser el 27.

Para instalar en linux usen este comando

curl -sL https://firebase.tools | bash

Hay manera de ocultar el archivo que contiene las credenciales para conectarme a Firebase. Es decir ahora cuando utilizo las herramientas de desarrollo del navegador puedo visualizar ese archivo.

Excelente integración con nuestras aplicaciones. Una pregunta, ¿como podemos tener la url de acciones (Como password recovery etc… con nuestro dominio personalizado?)

Porque en el primero dice 0 archivos y en el segundo 37 O.o?!

Aqui mi commit de mi practica de Nextjs con este curso

https://github.com/jlbousing/nextjs-firebase-practica/commit/d6d1f356f3609068df2e7035b40ea39691f118a5

en Nextjs para generar archivos estáticos es necesario tener un script en package.json que genere los archivos estáticos. Cabe destacar que Nextjs es un framework  para hacer SSR con React, sin embargo, el equipo de Vercel le agregó la funcionalidad para que genere también archivos estáticos. Para exportar tu proyecto de nextjs en archivos estáticos, se necesita agregar los siguiente en la información de scripts de package.json

"export": "next build && next export",

en mi caso llame al script export y ejecutando npm run export o yarn run export, hacemos un build, el framework hará toda su magia (nextjs tiene mucha magia negra, es bueno que hagan el curso de Nextjs para entenderla) y posteriormente generará los archivos estáticos del proyecto. Es decir, todo lo que construimos, lo llevara a archivos estáticos y esto se encuentra en la carpeta out. Esta carpeta es la que tenemos que ingresar en la parte de firebase-tools donde nos pide la carpeta pública para subirla a Firebase hosting. Por defecto la carpeta es public (es la sugerencia de firebase-tools pero nosotros escribiremos out…o puede ser public tambien pero es necesario que le cambies el nombre de la carpeta de out a public…recomiendo dejarlo en out).

Aquí dejo el enlace de mi proyecto (esta no es la versión definitiva…ire tratando de mejorarlo y ustedes también pueden hacerlo. Si me dan fork y PR, con mucho gusto aceptaré sus cambios…este proyecto es de todos.

https://blogeekplatzi-9d7b3.web.app/

Aqui mi commit de mi practica de nextjs con este curso

https://github.com/jlbousing/nextjs-firebase-practica/commit/d6d1f356f3609068df2e7035b40ea39691f118a5

en nextjs para generar archivos estaticos es necesario tener un script en package.json que genere los archivos estaticos. Cabe destacar que Nextjs es un framework para hacer SSR con React, sin embargo, el equipo de Vercel le agrego la funcionalidad para que genere tambien archivos estaticos. Para exportar tu proyecto de nextjs en archivos estaticos, se necesita agregar los siguiente en la informacion de scripts de package.json

"export": "next build && next export",

en mi caso llame al script export y ejecutando npm run export o yarn run export, hacemos un build, el framwork hara toda su magia (nextjs tiene mucha magia negra, es bueno que hagan el curso de nextjs para entenderla) y posteriormente generara los archivos estaticos del proyecto. Es decir, todo lo que construimos, lo llevara a archivos estaticos y esto se encuentra en la carpeta out. Esta carpeta es la que tenemos que ingresar en la parte de firebase-tools donde nos pide la carpeta publica para subirla a Firebase hosting. Por defecto la carpeta es public (es la sugerencia de firebase-tools pero nosotros escribiremos out…o puede ser public tambien pero es necesario que le cambies el nombre de la carpeta de out a public…recomiendo dejarlo en out).

Aqui dejo el enlace de mi proyecto (esta no es la version definitiva…ire tratando de mejorarlo y uds tambien pueden hacerlo. Si me dan fork y PR, con mucho gusto aceptare sus cambios…este proyecto es de todos.

https://blogeekplatzi-9d7b3.web.app/

Increíble lo fácil que es subir las aplicaciones, lo interesante es que se puede hacer un deploy automático con github tal como lo hace netlify, donde revisa los cambios en tu repo y solito se hacen las actualizaciones!

seria bueno ver ese rollback!

Hola a todos!! A ver si pueden ayudarme, no logro hacer el Deploy de mi Web y no entiendo la razón. Les copio mi consola:

C:\Users\fdodero\Desktop\Personal\Programación\Imtekh web>firebase deploy

=== Deploying to ‘qualityon-crm’…

i deploying hosting
i hosting[qualityon-crm]: beginning deploy…
i hosting[qualityon-crm]: found 24 files in public
⠋ hosting: uploading new files [0/3] (0%)
Error: Task 50a0bc21f5c937eb656b714076a5c3463672a039be77431113b38d25aad760bb failed: retries exhausted after 6 attempts

Lo extraño es que no hay ninguna versión subida al proyecto. Aguardo sus comentarios. Gracias