lightbulb_outline

Configurar Firebase para Flutter

Lees en 7 Min.

172 visitas

26/03/21

Paso 1: Crea un proyecto de Firebase

  1. Nos vamos a ir a firebase console y crearemos un nuevo proyecto damos clic en añadir proyecto.

  2. Vamos a colocar el nombre de nuestro proyecto de firebase colocamos el que deseamos en mi caso le pondré AppFlutter después de agregar el nombre damos clic en Continuar.

  3. Vamos a dejar habilitado Google Analytics para Firebase ya que proporciona informes ilimitados y gratuitos de hasta 500 eventos diferentes. El SDK captura de manera automática ciertos eventos clave y propiedades del usuario; además, puedes definir tus propios eventos personalizados a fin de medir factores particularmente importantes para tu empresa, damos clic en Continuar.

  4. Seleccionamos una cuenta por default de Google Analytics o si desean pueden crear una cuenta. Al final damos clic en Crear Proyecto.

  5. Esperamos y cuando termine damos clic en Continuar para que nos mande directamente al dashboard de firebase.

Paso 2: Registra tu app Android con Firebase

  1. Empezaremos configurando nuestro proyecto android dando clic sobre el icono de android.

  2. Nos aparecerá una ventana donde podremos registrar nuestra aplicación android, el nombre del paquete lo podemos encontrar encontrar en nuestro proyecto desplegando la carpeta android después en src y por último en la carpeta main encontraremos el archivo AndroidManifest.xml lo abrimos y en la parte de arriba en donde dice package ejemplo com.marinesmg.appflutter

  3. Copiamos el nombre del proyecto, regresamos a la consola y pegamos el nombre del paquete, como podemos ver tenemos otras dos opciones.

Opcional Sobrenombre de la app: Es un identificador interno y conveniente que solo tú puedes ver en Firebase console.

Opcional Certificado de firma SHA-1: ciertos servicios de Google Play (como el inicio de sesión de Google y las invitaciones a aplicaciones) requieren que proporciones el SHA-1 Para obtener la certificacion nos vamos al siguiente link Configurar SHA .

Al final damos clic en Registrar aplicación.

Paso 3: Agrega los SDK de Firebase a tu app Android

  1. Vamos a dar clic en Descargar google-services.json a fin de obtener el archivo de configuración de Firebase para Android (google-services.json).

  2. Después vamos agregar el archivo en nuestra carpeta nivel de app como se muestra en la imagen.

  3. En el archivo Gradle (generalmente app/build.gradle) de tu módulo (a nivel de app), aplica el complemento Gradle de los servicios de Google:

  4. Ahora vamos agrega reglas para incluir el complemento de servicios de Google copiamos solo la tercera linea ya que las dos lineas de google() ya estan por default en el proyecto, nos vamos al archivo Gradle (build.gradle) de nivel de raíz (a nivel de proyecto).

  5. Declaramos en el archivo Gradle (generalmente app/build.gradle) de tu módulo (nivel de app), aqui vamos a seleccionar el codigo dependiendo de nuestro proyecto en mi caso es Kotlin.

Paso 4: Registra tu app iOS con Firebase

  1. Vamos agregar nuestra aplicación iOS en nuestro proyecto para eso damos clic en el icono de configuracion y seleccionamos Configuracion del proyecto.

  2. En la ventana vamos a bajar nos aparecera la siguiente opcion que es Añadir aplicación la seleccionamos y damos clic en iOS como se muestra en las siguientes imagenes.

  3. Para registrar nuestra aplicación agregamos el nombre del paquete que seria el mismo que agregamos anteriormente en mi caso seria este com.marinesmg.appflutter despues de agregarlo vamos a dar clic en Registrar Aplicación.

  4. Vamos agregar descargar el archivo GoogleService-Ingo.plist

  5. Una vez descargado el archivo vamos a ir a nuestro proyecto y deplegaremos la carpeta iOS dentro de esta nos encontraremos con la carpeta Runner ,seleccionamos la carpeta y pegamos el archivo.

  6. Despues vamos a copiar las siguientes lineas dependiendo del lenguage que seleccionamos cuando cremaos nuestro proyecto flutter, después nos vamos AppDelegate.swift que se encuentra en la carpeta Runner, y pegamos la lineas.

Otros artículos del blog

Comentarios