Kuinka integroida iOS Flutter -sovelluksesi Firebaseen MacOS: ssä

Firebase on mobiilisovellusten kehitysympäristö, jonka on kehittänyt Firebase, Inc. vuonna 2011 ja jonka sen sitten hankki Google vuonna 2014. Se tarjoaa erilaisia ​​ominaisuuksia, kuten pilvitallennus, todennus ja ML-paketti, jotka ovat välttämättömiä nykyaikaisten mobiilisovellusten kehittämiselle.

Lisäksi se tarjoaa palveluja, kuten Suorituskyvyn seuranta, Crashlytics ja Google Analytics, auttamaan sinua parantamaan sovellusten laatua.

Tässä opetusohjelmassa aion näyttää, kuinka Flutter iOS -sovellus liitetään Firebase-alustaan ​​Mac-tietokoneella, jotta voit hyödyntää Firebase-sovellusliittymän tarjoamia tehokkaita palveluita tulevissa pyrkimyksissäsi ...

1. Gmail-tilin ja lepatusprojektin laatiminen

Tarvitset Google-tilin, jotta voit käyttää Firebasen ja Google Cloud Platformin palveluita. Jos sinulla ei ole yksi, yksinkertaisesti noudata annettavia ohjeita täällä ilmoittautua yhteen.

Tämä opetusohjelma näyttää, kuinka nykyinen Flutter-sovellus yhdistetään Firebase-alustaan. Jos olet kiinnostunut ensimmäisen Flutter-sovelluksen luomisesta, minulla on opetusohjelma ensimmäisen iOS Flutter -sovelluksen luomiseen MacOS: ssä . Tämän opetusohjelman loppuun mennessä sinulla on oltava hello_world -sovellus valmiina simulaattorissa ja ymmärrettävä miten muuttaa sovellusta muokkaamalla main.dart- tiedostoa.

2. Firebase-projektin luominen

Flutter-sovelluksen integroimiseksi Firebase-alustaan ​​sinun on ensin luotava Firebase-projekti. Ja tässä ovat vaiheet.

1. Siirry Firebase-konsoliin .

2. Napsauta suurta Lisää projekti -painiketta.

3. Kirjoita projektisi nimi .

  • Käytin hello-worldia tässä esimerkissä. Firebase liittää projektin nimeen automaattisesti yksilöllisen tunnuksen - esimerkiksi luomani projekti päätyi nimeen hello-world-f2206 .

4. Voit valita Cloud Firestore -sijainnin.

  • Jätin sen nimeksi nam5 (us-central), koska asun Los Angelesissa, mutta pilvitoiminnot eivät ole käytettävissä meille-west2 , ja välinen liikenne aiheuttaa lisämaksuja. Löydät lisää palvelujen saatavuudesta ja palvelinten sijainnista täältä .

5. Hyväksy käyttöehdot .

5. Kun olet valmis, vieritä alareunaan ja valitse Luo projekti .

  • Katso kohta 3.1 Vaihtaminen järjestelmänvalvojan tilille tämän artikkelin lopussa olevassa liitteessä, jos havaitset virhesanoman, joka pyytää järjestelmänvalvojan tiliä.

Firebase vie jonkin aikaa sovelluksesi valmisteluun. Kun olet valmis, napsauta Jatka- painiketta avataksesi Firebase-projektin esittelysivun .

4. Määritä iOS-sovellus

1. Käynnistä Firebase Project Overview -sivulla ohjattu asennustoiminto iOS : lle .

2. Aseta ohjatun asennustoiminnon sisällä iOS-paketin tunnus. Rekisteri App nappi syyttyy, klikkaa sitä.

  • Opas iOS-niputunnuksen löytämiseen löytyy alla olevasta liitteen osiosta 4.1 iOS-projektin juurikansioiden etsiminen ja Bundle-tunnuksen hankkiminen .

3. Lataa GoogleService-Info.plist- määritystiedosto ja aseta se iOS-projektin juurikansioon ja napsauta sitten Seuraava .

  • Opas iOS-niputunnuksen löytämiseen löytyy alla olevasta liitteen osiosta 4.1 iOS-projektin juurikansioiden etsiminen ja niputunnuksen hankkiminen .

4. Lisää Firebase SDK noudattamalla ohjeita ja napsauta sitten Seuraava .

  • Yksityiskohtainen opas CocoaPod-tiedostojen ja Firebase SDK: n asentamisesta löytyy alla kohdasta 4.2 CocoaPod-tiedostojen ja Firebase SDK -asennusten asentaminen .

5. Muokkaa AppDelegate-pääkoodin ohjatun asennustoiminnon ohjeiden mukaan ja napsauta sitten Seuraava . Tässä esimerkissä käytin Objective-C : tä ja korvasin sen vuoksi AppDelegate.m: n sisällön seuraavalla koodilla.

#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. Palaa juurikansioon ja suorita sovelluksesi. Jonkin ajan kuluttua sinun pitäisi nähdä ohjattu asennustoiminto, joka osoittaa, että sovelluksesi on lisätty Firebaseen. Osoita Jatka Console loppuun asennuksen.

Onnittelut! Olet lisännyt Firebasen onnistuneesti Flutter-sovellukseesi. Huolimatta siitä, että sekä Firebasen että Flutterin hankkiminen Googlelta on erittäin siistiä, on itse asiassa hyvä ohjelmistotekniikan käytäntö, että sinulla on aina suunnitelma B sekä suunnitelma C, D, E, F ja G. Tulevaisuudessa aion kirjoita toinen opas esimerkkisovellukseen, joka käyttää Firebasea, ja lisää Flutteriin.

Hauskaa koodausta !!!

Liitteet:

3.1 Siirtyminen järjestelmänvalvojan tilille

Jos törmäsit seuraavaan viestiin, se tarkoittaa, että sinun on otettava yhteyttä Gmail-tilisi organisaatioon, jotta voit antaa sinulle käyttöoikeuden Google Developers Consoleen .

4.1 iOS-projektin juurikansioiden etsiminen ja Bundle-tunnuksen hankkiminen

1. Käynnistä Xcode päässä 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 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. Sitten sinun on sisällytettävä ne Debut.xcconfig- ja Release.xcconfig- tiedostoihin Flutter- kansioon.

In Debug.xcconfig :

#include "Pods-Runner.debug.xcconfig"

Julkaisussa Release.xcconfig :

#include "Pods-Runner.profile.xcconfig" #include "Pods-Runner.release.xcconfig"