כיצד לשלב את אפליקציית Flutter שלך ב- iOS עם Firebase ב- MacOS

Firebase היא פלטפורמת פיתוח אפליקציות סלולריות שפותחה על ידי Firebase, Inc. בשנת 2011, ואז נרכשה על ידי גוגל בשנת 2014. היא מספקת תכונות שונות כגון אחסון בענן, אימות וערכת ML, החיוניות לפיתוח אפליקציות סלולריות מודרניות.

בנוסף, הוא מספק שירותים כגון ניטור ביצועים, Crashlytics ו- Google Analytics כדי לעזור לך לשפר את איכות היישומים שלך.

במדריך זה אראה לך כיצד לחבר את יישום ה- Flutter שלך ל- iOS לפלטפורמת Firebase במחשב Mac, כך שתוכל להשתמש בשירותים החזקים שמספק ה- API של Firebase בעתידך ...

1. קריאת חשבון Gmail ופרויקט רפרוף

על מנת להשתמש בשירותים מ- Firebase ו- Google Cloud Platform, תזדקק לחשבון Google. אם אין לך, פשוט עקוב אחר הוראות הדף כאן כדי להירשם לאחד כזה.

מדריך זה יראה לכם כיצד לחבר את יישום ה- Flutter הקיים לפלטפורמת Firebase. אם אתה מעוניין כיצד ליצור את יישום ה- Flutter הראשון שלך, יש לי הדרכה כיצד ליצור את אפליקציית ה- Flutter הראשונה שלך ב- MacOS . בסוף אותה הדרכה, יהיה עליך להגיש יישום hello_world בסימולטור ולהבין כיצד לשנות את היישום על ידי שינוי הקובץ main.dart .

2. יצירת פרויקט Firebase

על מנת לשלב את יישום ה- Flutter שלך עם פלטפורמת Firebase, ראשית עליך ליצור פרויקט Firebase. והנה השלבים.

1. עבור אל מסוף Firebase .

2. לחץ על הלחצן הגדול הוסף פרויקט .

3. הזן את שם הפרויקט שלך .

  • השתמשתי ב- Hello-world לדוגמא זו. Firebase מוסיף באופן אוטומטי מזהה ייחודי לשם הפרויקט שלך - לדוגמא, הפרויקט שיצרתי קיבל את השם hello-world-f2206 .

4. אתה יכול לבחור מיקום של Cloud Firestore .

  • השארתי את זה בשם nam5 (us-central) מכיוון שאני גר בלוס אנג'לס, אך פונקציות הענן אינן זמינות ב- us-west2 , והתנועה בין לבין תיצור חיובים נוספים. תוכל למצוא מידע נוסף על זמינות שירותים ומיקומי שרתים כאן .

5. קבל את התנאים וההגבלות .

5. לאחר שתסיים, גלול לתחתית ולחץ על צור פרויקט .

  • ראה 3.1 מעבר לחשבון מנהל בנספח בסוף מאמר זה אם נתקלת בהודעת שגיאה המבקשת חשבון מנהל.

Firebase ייקח זמן מה להכנת היישום שלך. לאחר שתסיים, לחץ על כפתור המשך כדי לפתוח את דף סקירת הפרויקט של Firebase .

4. הגדר יישום iOS

1. בדף סקירת הפרויקט של Firebase שלך, הפעל את אשף ההתקנה עבור iOS .

2. בתוך אשף ההתקנה, הכניס את מזהה החבילה של iOS. לאחר מכן על כפתור האפליקציה הרשמה להידלק, לחץ עליו.

  • מדריך כיצד למצוא את מזהה החבילה של iOS ניתן למצוא להלן בסעיף 4.1 מציאת תיקיית השורש של פרויקט iOS ותעודת השגת חבילה של הנספח.

3. הורד את קובץ התצורה של GoogleService-Info.plist והכנס אותו לתיקיית השורש של iOS Project ואז לחץ על הבא .

  • מדריך כיצד למצוא את מזהה החבילה של iOS ניתן למצוא להלן בסעיף 4.1 מציאת תיקיית השורש של פרויקט iOS ותעודת השגת חבילה של הנספח.

4. עקוב אחר ההוראות כדי להוסיף את ה- SDK של Firebase , ואז לחץ על הבא .

  • מדריך מפורט על התקנת CocoaPods ו- Firebase SDK נמצא להלן בסעיף 4.2 התקנת CocoaPods ו- Firebase SDK .

5. שנה את הקוד בתוך AppDelegate הראשי בהתאם להוראות אשף ההתקנה ואז לחץ על הבא . לדוגמא זו השתמשתי ב- Objective-C ולכן החלפתי את התוכן בתוך AppDelegate.m בקוד הבא.

#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. חזור לתיקיית הבסיס והפעל את האפליקציה שלך, לאחר זמן מה אתה אמור לראות את אשף ההתקנה שמראה שהאפליקציה שלך מתווספת ל- Firebase. לחץ על המשך למסוף כדי לסיים את ההתקנה.

מזל טוב! הצלחת להוסיף את Firebase ליישום Flutter שלך. למרות העובדה שיש גם Firebase וגם רפרוף מגוגל זה מגניב יותר לארוחת ערב, זה למעשה נוהג טוב להנדסת תוכנה שיש תמיד תוכנית B, כמו גם תוכנית C, D, E, F ו- G. כתוב מדריך נוסף על יישום לדוגמא המשתמש ב- Firebase, ועוד על Flutter.

תהנה בקידוד !!!

נספחים:

3.1 מעבר לחשבון מנהל

אם נתקלת בהודעה הבאה, פירוש הדבר שעליך לפנות לארגון חשבון ה- Gmail שלך כדי להעניק לך גישה למסוף המפתחים של Google .

4.1 מציאת תיקיית שורש של iOS Project וזיהוי חבילה

1. הפעל Xcode מן 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. 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"