Firebase es una plataforma de desarrollo de aplicaciones móviles desarrollada por Firebase, Inc. en 2011, y luego adquirida por Google en 2014. Proporciona varias funciones como almacenamiento en la nube, autenticación y un kit de aprendizaje automático, que son esenciales para desarrollar aplicaciones móviles modernas.
Además, brinda servicios como Performance Monitoring, Crashlytics y Google Analytics para ayudarlo a mejorar la calidad de sus aplicaciones.
En este tutorial, le mostraré cómo conectar su aplicación Flutter iOS a Firebase Platform en una computadora Mac, para que pueda utilizar los poderosos servicios proporcionados por la API de firebase en sus proyectos futuros ...
1. Preparando una cuenta de Gmail y un proyecto Flutter
Para utilizar los servicios de Firebase y Google Cloud Platform, necesitará una cuenta de Google. Si no tiene uno, simplemente siga las instrucciones de la página aquí para registrarse para uno.
Este tutorial le mostrará cómo conectar su aplicación Flutter existente a la plataforma Firebase. Si está interesado en cómo crear su primera aplicación Flutter, tengo un tutorial sobre cómo crear su primera aplicación Flutter para iOS en MacOS . Al final de ese tutorial, debería tener una aplicación hello_world lista en el simulador y comprender cómo alterar la aplicación modificando el archivo main.dart .
2. Crear un proyecto de Firebase
Para integrar su aplicación Flutter con Firebase Platform, primero debe crear un Proyecto Firebase. Y aquí están los pasos.
1. Vaya a Firebase Console .
2. Haga clic en el botón grande Agregar proyecto .
3. Ingrese el nombre de su proyecto .
- Solía hola-mundo para este ejemplo. Firebase agrega automáticamente una ID única al nombre de su proyecto; por ejemplo, el proyecto que creé terminó con el nombre hello-world-f2206 .
4. Puedes elegir una ubicación de Cloud Firestore .
- Lo dejé como nam5 (us-central) porque vivo en Los Ángeles, pero las funciones de nube no están disponibles en us-west2 , y el tráfico intermedio generará cargos adicionales. Puede encontrar más información sobre la disponibilidad del servicio y la ubicación de los servidores aquí .
5. Acepte los Términos y Condiciones .
5. Una vez que haya terminado, desplácese hasta la parte inferior y haga clic en Crear proyecto .
- Consulte 3.1 Cambio a cuenta de administrador en el apéndice al final de este artículo si encuentra un mensaje de error solicitando una cuenta de administrador.
Firebase tardará un tiempo en preparar su aplicación. Una vez hecho esto, haga clic en el botón Continuar para abrir la página de descripción general del proyecto de Firebase .
4. Configurar una aplicación iOS
1. En la página de descripción general del proyecto de Firebase , inicie el asistente de configuración para iOS .
2. Dentro del asistente de configuración, ingrese el ID del paquete de iOS. El botón Registrar aplicación debería iluminarse, haga clic en él.
- Se puede encontrar una guía sobre cómo encontrar el ID del paquete de iOS a continuación en la sección 4.1 Búsqueda de la carpeta raíz del proyecto de iOS y Adquirir el ID del paquete del apéndice.
3. Descargue el archivo de configuración GoogleService-Info.plist y colóquelo en la carpeta raíz del proyecto iOS, luego haga clic en Siguiente .
- A continuación, se puede encontrar una guía sobre cómo encontrar el ID del paquete de iOS en la sección 4.1 Búsqueda de la carpeta raíz del proyecto de iOS y Adquirir el ID del paquete del apéndice.
4. Siga las instrucciones para agregar el SDK de Firebase y luego haga clic en Siguiente .
- A continuación, se puede encontrar una guía detallada sobre cómo instalar CocoaPods y Firebase SDK en la sección 4.2 Instalación de CocoaPods y Firebase SDK .
5. Modifique el código dentro del AppDelegate principal según las instrucciones del asistente de configuración y luego haga clic en Siguiente . Para este ejemplo, utilicé Objective-C y, por lo tanto, reemplacé el contenido dentro de AppDelegate.m con el siguiente código.
#include "AppDelegate.h" #include "GeneratedPluginRegistrant.h" @import UIKit; @import Firebase; @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { [FIRApp configure]; return YES; } @end
6. Regrese a la carpeta raíz y ejecute su aplicación, después de un tiempo debería ver el asistente de configuración que muestra que su aplicación se agregó a Firebase. Haga clic en Continuar a la consola para finalizar la configuración.
¡Felicidades! Has agregado con éxito Firebase a tu aplicación Flutter. A pesar de que tener Firebase y Flutter de Google es genial, en realidad es una buena práctica de Ingeniería de Software tener siempre un plan B, así como un plan C, D, E, F y G. En el futuro lo haré escribe otra guía sobre una aplicación de ejemplo que utiliza Firebase y más en Flutter.
Diviértete codificando !!!
Apéndices:
3.1 Cambio a cuenta de administrador
Si se encontró con el siguiente mensaje, significa que debe comunicarse con la organización de su cuenta de Gmail para que le otorgue acceso a Google Developers Console .
4.1 Búsqueda de la carpeta raíz del proyecto de iOS y obtención de la ID del paquete
1. Ejecute Xcode desde Launchpad .
2. Select “Open another project…” at the bottom of the prompt screen.
3. Navigate to your Flutter project folder, open the “ios” folder and select “Runner.xcodeproj”. This should automatically open up the project in Xcode.
4. Select the Runner project on the left, you should now see the Bundle Identifier under Identity.
4.2 Installing CocoaPods and Firebase SDK
In case the instructions inside the setup wizard did not work out, you will have to remove the existing Podfile in order to reinstall them correctly.
1. CocoaPods is built with Ruby and is installable with the default Ruby available on MacOS. Use the following commands to install it.
sudo gem install cocoapods
2. Initialize the Podfile with the following command.
pod init3. Then, add the following code to the initialized Podfile.
pod 'Firebase/Core'
4. Once done, save the changes made to the Podfile, and install the Firebase SDK with the following command.
pod install
5. After the installation, you will likely have to configure the .xcconfig files. First you will have to copy the files from the Pods/Target Support Files/Pods-Runner folder to Flutter folder.
6. Then you will have to include them into the Debug.xcconfig and Release.xcconfig files inside the Flutter folder.
In Debug.xcconfig:
#include "Pods-Runner.debug.xcconfig"
In Release.xcconfig:
#include "Pods-Runner.profile.xcconfig" #include "Pods-Runner.release.xcconfig"