Kako integrirati svoju aplikaciju iOS Flutter s Firebaseom na MacOS-u

Firebase je platforma za razvoj mobilnih aplikacija koju je razvio Firebase, Inc. 2011., a koju je Google stekao 2014. godine. Pruža razne značajke kao što su Cloud Storage, Autentifikacija i ML komplet, koji su neophodni za razvoj modernih mobilnih aplikacija.

Uz to, pruža usluge kao što su Nadzor izvedbe, Crashlytics i Google Analytics kako bi vam pomogli poboljšati kvalitetu vaših aplikacija.

U ovom uputstvu pokazat ću vam kako povezati svoju aplikaciju Flutter iOS s Firebase platformom na Mac računalu, tako da možete koristiti moćne usluge koje pruža firebase API u svojim budućim naporima ...

1. Priprema Gmail računa i Flutter Project

Da biste mogli koristiti usluge Firebasea i Google Cloud Platform, trebat će vam Google račun. Ako ne imati jedan, jednostavno slijedeći upute stranica ovdje da se registrirate za jedan.

Ovaj će vam vodič pokazati kako povezati postojeću aplikaciju Flutter s Firebase platformom. Ako vas zanima kako stvoriti svoju prvu aplikaciju Flutter, imam vodič o tome kako stvoriti svoju prvu aplikaciju iOS Flutter na MacOS-u . Na kraju te lekcije trebali biste u simulatoru imati spremnu aplikaciju hello_world i razumjeti kako izmijeniti aplikaciju mijenjanjem datoteke main.dart .

2. Izrada Firebase projekta

Da biste integrirali svoju aplikaciju Flutter s Firebase platformom, prvo morate stvoriti Firebase projekt. I evo koraka.

1. Idite na Firebase konzolu .

2. Kliknite veliki gumb Dodaj projekt .

3. Unesite naziv svog projekta .

  • Za ovaj sam primjer koristio pozdrav-svijet . Firebase automatski dodaje jedinstveni ID nazivu vašeg projekta - na primjer, projekt koji sam kreirao završio je s imenom hello-world-f2206 .

4. Možete odabrati Cloud Firestore lokaciju.

  • Ostavio sam ga kao nam5 (us-centralno) jer živim u Los Angelesu, ali Cloud funkcije nisu dostupne na us-west2 , a promet između njih stvorit će dodatne troškove. Više o dostupnosti usluga i lokacijama poslužitelja možete pronaći ovdje .

5. Prihvatite Uvjete i odredbe .

5. Kada završite, pomaknite se na dno i kliknite Stvori projekt .

  • Pogledajte 3.1 Prebacivanje na administratorski račun u dodatku na kraju ovog članka ako ste naišli na poruku o pogrešci koja traži administratorski račun.

Firebaseu će trebati neko vrijeme da pripremi vašu aplikaciju. Kada završite, kliknite gumb Nastavi da biste otvorili stranicu pregleda Firebase projekta .

4. Konfigurirajte iOS aplikaciju

1. Na stranici s pregledom Firebase projekta pokrenite čarobnjak za postavljanje za iOS .

2. U čarobnjak za postavljanje stavite ID snopa iOS-a. Gumb Registriraj aplikaciju trebao bi zasvijetliti, kliknite ga.

  • Vodič za pronalaženje ID-a iOS paketa možete pronaći u nastavku u odjeljku 4.1. Pronalaženje korijenske mape iOS Project-a i preuzimanje ID-a paketa u dodatku.

3. Preuzmite konfiguracijsku datoteku GoogleService-Info.plist i stavite je u korijensku mapu iOS Project, a zatim kliknite Dalje .

  • Vodič za pronalaženje ID-a iOS paketa nalazi se u nastavku u odjeljku 4.1 Pronalaženje korijenske mape iOS Project-a i preuzimanje ID-a paketa u dodatku.

4. Slijedite upute za dodavanje Firebase SDK-a , a zatim kliknite Dalje .

  • Detaljan vodič o tome kako instalirati CocoaPods i Firebase SDK možete pronaći ispod u odjeljku 4.2 Instaliranje CocoaPods i Firebase SDK .

5. Izmijenite kôd unutar glavnog AppDelegatea prema uputama čarobnjaka za postavljanje, a zatim kliknite Dalje . U ovom sam primjeru koristio Objective-C i stoga sam sadržaj unutar AppDelegate.m zamijenio sljedećim kodom.

#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. Vratite se u osnovnu mapu i pokrenite svoju aplikaciju, nakon nekog vremena trebali biste vidjeti čarobnjaka za postavljanje koji pokazuje da je vaša aplikacija dodana u Firebase. Kliknite Nastavi na konzolu da biste dovršili postavljanje.

Čestitamo! Uspješno ste dodali Firebase u svoju aplikaciju Flutter. Unatoč činjenici da je posjedovanje Googleovih Firebasea i Fluttera super večera, zapravo je dobra praksa softverskog inženjerstva uvijek imati plan B, kao i plan C, D, E, F i G. U budućnosti ću napišite još jedan vodič na primjeru aplikacije koja koristi Firebase i još više o Flutteru.

Zabavite se kodiranjem !!!

Dodaci:

3.1 Prebacivanje na administratorski račun

Ako ste naletjeli na sljedeću poruku, to znači da morate kontaktirati organizaciju svog Gmail računa kako biste vam odobrili pristup Google Developers Consoleu .

4.1 Pronalaženje korijenske mape iOS Project-a i preuzimanje ID-a paketa

1. Pokrenite Xcode s Launchpada .

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 init

3. 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"