Conexión con firebase-tools

Clase 6 de 32 • Curso de Firebase para Web 2017

Resumen

Utiliza Firebase-tools para hacer la conexión entre tu proyecto web y Firebase. Esta es la manera más adecuada de hacer la conexión porque además de poder conectar directamente el proyecto web con el proyecto en Firebase, brinda otras herramientas como el deploy automático y la autenticación desde la terminal. También sirve para poder saber si vamos a utilizar la base de datos, el hosting o las functions.

David Daza

student•

Se me presentó este error cuando al ejecutar el comando firebase serve

Error: Cannot understand what targets to deploy. Check that you specified valid targets if you used the --only or --except flag. Otherwise, check your firebase.json to ensure that your project is initialized for the desired features.

Lo solucioné agregando esto al archivo firebase.json

"hosting": {
  "public": "public"
}

Parece que para evitar agregar esas líneas manualmente también hay que seleccionar la opción de hosting desde el firebase init. Que alguien me corrija si estoy mal, gracias! 😃

Miguel Angel Luna Nájera

teacher•

Así es, pero debemos en ese caso tener todos nuestros archivos dentro de una carpeta llamada public

David Daza

student•

Sí, ya me di cuenta que en el material después de esta clase está explicado en detalle. Hasta ahora, excelente curso 😄

Enrique Alexis Lopez Araujo

student•

Se me presento el mismo problema al ejecutar :

firebase serve

Desde la termina, pero para no hacer la carpeta public y no estar haciendo referencia despues a la carpeta public lo que hice en el archivo de firebase.json se quedo asi:

{
  "database": {
    "rules": "database.rules.json"
  },
  "hosting": {
    "public": "./"
  }
}

💚💚💚😎

Marco Leandro Gomez Salas

student•

Sería bueno mecionar que la forma más rápida de encontrar el archivo firebase,json W10 es desde el buscador de windows (la lupa en la barra inferior)

Mario Alberto Ramón Uceda

student•

muchas gracias, me fue de gran ayuda @alexisaraujo

Luis Rodrigo Velazquez Cabrera

student•

Pasos a seguir cuando se ejecuta firebase init

antes de ejecutar el comando firebase init asegúrate de estar trabajando en la carpeta del proyecto desde la consola o terminal de tu proyecto.

Ya que estés en la carpeta correcta en la terminal, procede a ejecutar el comando firebase init, deberá aparecer una pantalla como la siguiente, asegúrate de seleccionar las opciones de Database y Hosting

Posteriormente te preguntará la configuración sobre el proyecto con el que vas a vincular en el portal de Firebase, recuerda que este es el nombre del proyecto que le diste en Firebase, así que si tienes varios proyectos en el portal selecciona el correcto, en mi caso se llama prueba.

Después te pedirá el nombre del archivo para vincular la base de datos, ahí debes poner databases.rules.json como en la imagen

Luego te preguntará sobre el directorio público y el index, puedes seguir los pasos de imagen o crear tu propio directorio público pero recuerda que te generará copia del archivo index que deberás poner en dicho directorio, así que deberás acomodar las urls que hay en el index, para efectos del curso te recomiendo que dejes el directorio raíz como público.

por último deben aparecer estas líneas y tu inicialización estará completada.

Espero que te haya servido

Santiago Ricci

student•

Gracias por el aporte, estaba igual que LuisDark123.

Fernando Javier España Córdoba

student•

Excelente aporte amigo, pude comprender muchas cosas que no entendía. Al final se debe colocar el comando firebase serve para disparar el servicio.

Nicolás Beltrami

student•

Si llevas tanto tiempo trabajando con firebase, debieses saber de memoria que para inicializar los servicios de este servicio se usa la barra espaciadora y no enter, el mensaje en la consola es claro, no es que haya existido una conexión previa.

Angel Enrique Barrios

student•

estaba nervioso o que se yo jejeje. De todas maneras, profe https://platzi.com/clases/escritura-ingles/

Sebastian Elias Medina Donoso

student•

es verdad uno selecciona con espacio y no sale error

Eddy Arellanes

student•

En el minuto 3:19 en realidad no es que ya lo tuvieras seleccionado, lo que pasó es que no seleccionaste con SPACEBAR ningún servicio para utilizar.
De modo que en esta parte aún no se genera la conexión a la base de datos de firebase.

Duwal Abel Varillas Castro

student•

alguien mas lo noto T-T estuve con problemas por eso recien veo tu comentario

José Tuzinkievicz

student•

Es cierto, yo corrí 3 veces firebase init hasta que configuré todo como quería 😄

Education Mobility Solutions SAS

teacher•

El comando mas util de la clase

firebase serve

Darwin Felipe Uzcategui Gonzalez

student•

En windows tiene que ejecutar cmd y ejecutar como administrador
ademas debe tener instalador el Node y la linea de comando
c:\npm install -g firebase-tools

Marco Leandro Gomez Salas

student•

Cual terminal esta utilizando? En el vídeo aparece directamente ->invieFirebase, pero no como llega ahí

Marco Leandro Gomez Salas

student•

En windows especificamente

Julian Dumitrel

student•

Pues sí, a mi me ha liado mucho ya que cuando empieza no explica donde esta ni que está haciendo, además que es la consola de mac, y aún me lió mas, deben instalar node, y seguir los pasos de la web con unos simples comandos en la consola ya dejan todo listo.

Pamela Cinthya Torres Gutiérrez

student•

Buenas noches

al utilizar la linea de comando firebase serve me marca el siguiente error:

Error: Cannot understand what targets to deploy. Check that you specified valid targets if you used the --only or --except flag. Otherwise, check your firebase.json to ensure that your project is initialized for the desired features.

Y no me deja crear mi hosting que puedo hacer?

Nicolas Gonzalez

student•

¿Si uso vue.js entonces me convendría mas usar los el script? o mejor instalarlo de forma local?

Gabriel Chávez

student•

Te recomendaria instalarlo de forma local, por cualquier cosa!

Juan Castro

teacher•

Que uses Vue o React no tiene mucho que ver, depende es de si tu proyecto usa alguna herramienta para importar automáticamente todas tus librerías (incluyendo Firebase). Si usas NPM y Webpack por ejemplo ya puedes instalarlo local 💪.

Juan Manuel Viveros Martinez

student•

al momento de ejecutar el comando de firebase serve se me presento el siguiente error.

Error: Cannot understand what targets to deploy. Check that you specified valid targets if you used the --only or --except flag. Otherwise, check your firebase.json to ensure that your project is initialized for the desired features.

me toco editar el archivo de firebase.json y quedo de la siguiente forma:

{
  "database": {
    "rules": "database.rules.json"
  },
  "hosting": {
     "public": "public"
  }
}

cuando volvi a ejecutar el comando de firebase serve me salio este error

Error: Not in a Firebase app directory (could not locate firebase.json)
MindsITMBP1:invieFirebase jviveros$ firebase serve

el problema era que tenia que tener todo el proyecto dentro de una carpeta con el nombre public y los archivos firebase.json y database.rules.json deben estar por fuera de la carpeta public

Esta parte no se explica en el video, espero les sirva si se les presenta el error.

Christian

student•

En el video hay algo que no explica y es que cuando hace el** firebase init **para escoger una de las opciones que te presenta se debe seleccionar presionando la barra espaciadora. En caso no se seleccione nada aparecerá el error que tambein le sale en el video e el minuto 3:16.

Luego supongo que a todos lo que siguieron al pie de la letra lo que se menciona en el video les debe habar salido un error al momento de hacer el firebase serve, esto es porque no se a inicializado bien con el comando firebase init.
Ejecutar firebase init y seleccionar la opcion de hosting, luego aparecerá otras opciones todo por defecto. Y con eso ya podrán ejecutar el Firebase serve

Brian Bentancourt

student•

Por si a alguien le da el error de abajo, la solución es la siguiente:
firebase login --interactive

brian ~/Documents/firebase (master)
$ firebase login

Error: Cannot run login in non-interactive mode. See login:ci to generate a token for use in non-interactive environments.

brian ~/Documents/firebase (master)
$ firebase login:ci

Error: Cannot run login:ci in non-interactive mode.

brian ~/Documents/firebase (master)
$ firebase login --interactive

David Farinango

student•

Mil gracias bro!

Jorge Luis Paiva Huamán

student•

Tres horas configurando esto !! :-(

Mi retrazo fue: en firebase init:

Poner en public: /
habilitar el permiso de Google para el login.

Andre Rivera

student•

Que debería poner en esta situación? parece que en windows es diferente

Diego Forero

Team Platzi•

Creo que debes darle enter para continuar y dejar el valor por defecto, al parecer la versión que instalas es más reciente que con la que se hizo el curso.

Pamela Cinthya Torres Gutiérrez

student•

ya realice firebase serve y cuando doy enter me aparece lo del local host, pero cuando copia la dirección me aparece esto:

ya entre y realice los pasos de la documentación que me dice pero sigo teniendo problemas.

y no encuentro como resolver este inconveniente

Julio Aníbal Gallego Zapata

student•

revisa el aporte de @dandres allí tienes la solucion

Ignacio Medrano

student•

este mensaje me sale en la pantalla de inicio y no he podido sacarlo para entrar a mi app, fui a la documentacion que te pide pero aun siguiendo los pasos no pasa nada sigue apareciendo modifique el firebase.json con “./” como dicen los comentarios anteriores pero aun nada, por favor ayuda

el mensaje que sale en localhost:5000

Welcome
Firebase Hosting Setup Complete
You’re seeing this because you’ve successfully setup Firebase Hosting. Now it’s time to go build something extraordinary!

OPEN HOSTING DOCUMENTATION

Ignacio Medrano

student•

conste hice estos pasos:

-CONSOLA(no se necesita script):
-instalar firebase-tools(sudo npm install -g firebase-tools)
-loguearse en firebase con la cuenta de google en firebase(firebase login)
-pocisionarse en la carpeta del proyecto(firebase init)
-seleccionar crear db o store
-seleccionar proyecto a ingresar en firebase y dar un alias(firebase use–add)
-verificar conexion en consola web de firebase(metodos de entrada)
-iniciar servidor local de firebase por donde pasara la app(firebase serve)
-comprobar conexion(revisar log en cli)
-implementa y actualiza tu proyecto(firebase deploy)
-hace un roolback en fireconsole web

Pablo Mena

student•

Me pasaba exactamente lo mismo, fui al archivo firebase.json y lo modifiqué de la siguiente forma:

{
  "database": {
    "rules": "database.rules.json"
  },
  "hosting": {
    "public": "./",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

Luego al agregar la línea $ firebase serve
verifiqué que en la terminal mostrara:

		i  hosting: Serving hosting files from: ./
		✔  hosting: Local server: http://localhost:5000

Por último, actualicé la consola de Firebase e ingresé a y me funcionó!!! espero te ayude.

Andre Rivera

student•

en donde se crea la carpeta inviefirebase? dentro la carpeta de mi pagina web? o donde

Diego Forero

Team Platzi•

Donde quieras, como todo se instala usando npm no importa realmente donde lo instales, ya que firebase levanta su propio servidor para desarrollo

Andre Rivera

student•

y tiene que llamarse invieFirebase o le puedo llamar como yo quiera

Duwal Abel Varillas Castro

student•

Firebase Realtime Database Rules allow you to define how your data should be
structured and when your data can be read from and written to.

? What file should be used for Database Rules?

que es esto no entiendo me lo pide antes de poner el alias

Jose Paredes

student•

Es acerca de las reglas de configuración de tu base de datos, sobre quien puede escribir y leer los datos.

? What file should be used for Database Rules?

Esta linea te pregunta que archivo quieres usar para las reglas de la base de datos, solo tienes que dar “enter” y te creará un archivo database.rules.json en donde descargará la configuración desde la consola de Firebase

Julio Camacho

student•

Disculpen para usar ese comando se puede en la cmd? y en que carpeta nos posicionamos?

Diego Forero

Team Platzi•

Se puede usar en la consola si tienes instalado nodejs y npm, al ser una instalación de manera global puedes estar en cualquier carpeta del sistema.

Julio Camacho

student•

Tengo instalado nodejs pero no me admitió el comando la CMD o.O

Error: Cannot understand what targets to deploy. Check that you specified valid targets if you used the --only or --except flag. Otherwise, check your firebase.json to ensure that your project is initialized for the desired features.

Error: Cannot understand what targets to deploy. Check that you specified valid targets if you used the --only or --except flag. Otherwise, check your firebase.json to ensure that your project is initialized for the desired features.

brian ~/Documents/firebase (master)
$ firebase login

Error: Cannot run login in non-interactive mode. See login:ci to generate a token for use in non-interactive environments.

brian ~/Documents/firebase (master)
$ firebase login:ci

Error: Cannot run login:ci in non-interactive mode.

brian ~/Documents/firebase (master)
$ firebase login --interactive

{
  "database": {
    "rules": "database.rules.json"
  },
  "hosting": {
    "public": "./",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

Conexión con firebase-tools

Introducción a Firebase

Firebase: qué es

Documentación en Firebase para Web

Conectando un proyecto con Firebase

Consola de Firebase

Conexión manual desde la consola

Comprobación de la conexión

Conexión con firebase-tools

Conectar Firebase con otro proyecto en local

Authentication

Proveedores de autenticación

Autenticación con Google

Cierre sesión autenticación con Google

Autenticación con Facebook

Manejo de errores

Base de datos

Modelo no relacional, ¿cuándo usarlo?

Conectar la base de datos

Guardar información en la base de datos

Métodos para sobreescribir la base de datos

Leer un registro en Firebase Real Time

Agregar interacción al sitio web

Actualizar un registro en Firebase Real Time

Agregar más datos a la información del perfil del usuario

Reglas de seguridad

Tres niveles de seguridad de Firebase

Reglas de seguridad de Firebase

Reglas específicas para generar roles

Reglas adicionales para la indexación y validaciones

Roles

Roles de administrador

Aplicar reglas al proyecto

Storage

¿Qué es Storage?

Reto

Hosting

¿Qué es hosting?

Conclusiones del curso

Cloud Functions

Definición e Implementación de Cloud Functions