0% encontró este documento útil (0 votos)
295 vistas6 páginas

Resolver Problema de Conexión Proyecto de Flutter Con Firebase

El documento proporciona instrucciones en 8 pasos para instalar Firebase CLI en Windows y conectar un proyecto Flutter a Firebase. Primero se debe descargar e instalar Node.js, luego instalar Firebase CLI con npm, y verificar la instalación. Si hay errores, se deben actualizar npm o editar las variables de entorno. Finalmente, se abre el proyecto Flutter y se conecta a Firebase con comandos flutterfire.

Cargado por

kathygonzal503
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
295 vistas6 páginas

Resolver Problema de Conexión Proyecto de Flutter Con Firebase

El documento proporciona instrucciones en 8 pasos para instalar Firebase CLI en Windows y conectar un proyecto Flutter a Firebase. Primero se debe descargar e instalar Node.js, luego instalar Firebase CLI con npm, y verificar la instalación. Si hay errores, se deben actualizar npm o editar las variables de entorno. Finalmente, se abre el proyecto Flutter y se conecta a Firebase con comandos flutterfire.

Cargado por

kathygonzal503
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 6

ESCUELA ESPECIALIZA EN INGENIERIA ITCA-FEPADE

TEMA: RESOLVER PROBLEMA DE CONEXIÓN PROYECTO DE FLUTTER CON FIREBASE


EN WINDOWS
Firebase CLI proporciona una variedad de herramientas para administrar, implementar y visualizar
en proyectos de Firebase.

Primer paso:

Ir al siguiente sitio web y descargar NODEJS.

https://nodejs.org/en

Segundo paso:

Proceder a Instalar Nodejs en Windows.

Tercer paso:

Abrir el cmd o terminal de Windows en modo Administrador.

Cuarto paso:

Ejecutar el siguiente comando para instalar Firebase CLI para Windows.

npm install -g firebase-tools //Para instalar firebase-tools.

Ojo

Quinto paso:

Comprobar si se ha instalado correctamente la Firebase CLI con el siguiente comando.

flutterfire –versión

Ing. Manuel de Jesús Gámez López Página 1 | 6


ESCUELA ESPECIALIZA EN INGENIERIA ITCA-FEPADE
Sexto paso:

Si pasare que el comando npm install -g firebase-tools del cuarto paso, solicitara actualización de
npm proceder a realizar la actualización requerida con el siguiente comando.

npm install -g [email protected]

Nota: La versión puede cambiar según la fecha en que se este realizando el procedimiento. Se
recomienda ver en la misma terminal el comando recomendado a ejecutar para actualizar la
versión.

IMPORTANTE: Observar que se aplicó correctamente la actualización del comando npm.

Séptimo paso:

Proceda a ejecutar nuevamente el siguiente comando para comprobar que se ha instalado


correctamente la Firebase CLI.

flutterfire - -version

Octavo paso:

Se puede dar el caso que se presente a estas alturas el siguiente mensaje de error: "flutterfire" no
se reconoce como un comando interno o externo, programa o archivo por lotes ejecutable.

Para solventar este error existen dos formas.

Primera forma:

1. Ejecutar el siguiente comando.


dart pub global activate flutterfire_cli

Ing. Manuel de Jesús Gámez López Página 2 | 6


ESCUELA ESPECIALIZA EN INGENIERIA ITCA-FEPADE

2. Comprobar que funciona el comando flutterfire - -version


3. Al haber completado el paso 2, ya debería mostrar la versión instalada y estaría lista la
Fibase-tools para su uso con el proyecto de Flutter y Dart.

Segunda forma:

Editar las variables de entorno (Variables de usuario) y agregar la siguiente ruta de forma manual.

C:\Users\PC\AppData\Local\Pub\Cache\bin

Nota: El comando dart pub global activate flutterfire_cli hace el mismo proceso de forma
automática.

Cualquiera de las formas es válido aplicar, sin embargo, se recomienda asegurarse comprobando
ambas formas, es decir, si decide ejecutar el comando dart pub global activate flutterfire_cli para
que se editen las variables de entorno del sistema de manera automática siempre se verifique de
manera manual que en las variables de entorno (Variables de Usuario) efectivamente se agregó la
ruta (C:\Users\PC\AppData\Local\Pub\Cache\bin) indicada. Se deberá sustituir el nombre de
usuario según la computadora en lugar del texto PC que se indica en la ruta de este ejemplo. Para
mayor detalle de este proceso ver la siguiente figura.

Ing. Manuel de Jesús Gámez López Página 3 | 6


ESCUELA ESPECIALIZA EN INGENIERIA ITCA-FEPADE

PROCESO CON EL PROYECTO DE FLUTTER ABIERTO

1. Una vez completado satisfactoriamente los pasos anteriores, proceda abrir el proyecto de
Flutter y Dart en el editor texto (Visual Studio Code) o IDE de desarrollo (Android Studio o
Intellij Idea Community) preferido.
2. Abrir la terminal desde su editor y proceda a escribir el comando:
flutterfire - -version: Este comando le debe mostrar la versión de la CLI instalada.
Ejecute el siguiente comando solamente si el anterior comando le mostró la versión de
la CLI instalada en Windows.
flutterfire configure
Al ejecutar este comando se debe mostrar la lista de proyectos creados en Firebase. Se debe
mover con las flechas cursoras (direccionales) arriba y abajo para seleccionar el proyecto de
Firebase con el que se desea conectar el proyecto de Flutter. Este proceso adicionara al
proyecto unos archivos de configuración en automático, los cuales son necesario para la
conexión con Firebase. Observe la figura que se le presenta a continuación para mayor
detalle.

Ing. Manuel de Jesús Gámez López Página 4 | 6


ESCUELA ESPECIALIZA EN INGENIERIA ITCA-FEPADE

PROCEDIMIENTO POR APLICACIÓN (OPCIONAL)


Otra alternativa para trabajar con la Firebase CLI es instalar la aplicación de firebase-tools-instant-
win.exe. Para descargar dicha aplicación proceda abrir el navegador web y pegue la siguiente URL
en la pestaña de su navegador: https://firebase.google.com/docs/cli?hl=es-419#install-cli-windows.
Una vez descargada la aplicación proceda a ejecutarla donde doble clic a la misma, se le mostrara
una pantalla como la que se presenta a continuación.

Ing. Manuel de Jesús Gámez López Página 5 | 6


ESCUELA ESPECIALIZA EN INGENIERIA ITCA-FEPADE
Desde esta terminal se pueden ejecutar comandos del siguiente tipo “firebase” o “npm”.

1. Para acceder desde esta terminal a su cuenta de Google ejecute el siguiente comando.
firebase login
2. Para enumera los proyectos de Firebase para probar que se instaló correctamente la CLI y
que se accedió correctamente a la cuenta. Ejecuta el siguiente comando:
firebase projects:list
3. Para iniciar el proceso de acceso, ejecuta el siguiente comando:
firebase login:ci
4. Inicializa un proyecto de Firebase
firebase init
5. Para salir o cerrar la sesión de su cuenta de Google ejecuta el siguiente comando.
firebase logout

Asegurarse que en las variables de entorno (variables del sistema) tenga agregadas las siguientes
rutas. Esto permitirá que el comando de flutter sea reconocido en cualquier terminal para poder
hacer uso del mismo.

Referencias bibliográficas:

https://firebase.google.com/docs/cli?hl=es-419#install-cli-windows

https://firebase.google.com/docs/cli?hl=es-419#windows-npm

https://bobbyhadz.com/blog/flutterfire-is-not-recognized-as-internal-or-external-command

https://stackoverflow.com/questions/70320263/error-the-term-flutterfire-is-not-recognized-as-
the-name-of-a-cmdlet-functio

https://firebase.google.com/docs/cli?hl=es-419#sign-in-test-cli

https://firebase.google.com/docs/cli?hl=es-419#sign-in-test-cli

https://nodejs.org/en

Ing. Manuel de Jesús Gámez López Página 6 | 6

También podría gustarte