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鈥 puede ser public tambien pero es necesario que le cambies el nombre de la carpeta de out a public鈥ecomiendo dejarlo en out).

Aqu铆 dejo el enlace de mi proyecto (esta no es la versi贸n definitiva鈥re tratando de mejorarlo y ustedes tambi茅n pueden hacerlo. Si me dan fork y PR, con mucho gusto aceptar茅 sus cambios鈥ste 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鈥 puede ser public tambien pero es necesario que le cambies el nombre de la carpeta de out a public鈥ecomiendo dejarlo en out).

Aqui dejo el enlace de mi proyecto (esta no es la version definitiva鈥re tratando de mejorarlo y uds tambien pueden hacerlo. Si me dan fork y PR, con mucho gusto aceptare sus cambios鈥ste 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 鈥榪ualityon-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