將 Firebase 新增至 Flutter 應用程式
事前準備
安裝偏好的 編輯器或 IDE。
-
- Flutter SDK
- 支援的程式庫
- 平台專用的軟體和 SDK
使用 Google 帳戶登入 Firebase 讓他們使用服務帳戶
如果您尚未安裝 Flutter 應用程式,可以使用 Get 已開始:進行測試 使用偏好的編輯器或 IDE 建立新的 Flutter 應用程式。
步驟 1:安裝必要的指令列工具
如果還沒試過 安裝 Firebase CLI。
請按照下列步驟操作,使用您的 Google 帳戶登入 Firebase 指令:
firebase login
從任何瀏覽器執行下列指令,安裝 FlutterFire CLI 目錄:
dart pub global activate flutterfire_cli
步驟 2:設定應用程式以使用 Firebase
使用 FlutterFire CLI 設定 Flutter 應用程式,以便連結至 Firebase。
在 Flutter 專案目錄中執行下列指令,以啟動 應用程式設定工作流程:
flutterfire configure
步驟 3:在應用程式中初始化 Firebase
從 Flutter 專案目錄執行下列指令,以安裝 核心外掛程式:
flutter pub add firebase_core
在 Flutter 專案目錄中執行下列指令,確保 因此 Flutter 應用程式的 Firebase 設定已是最新版本:
flutterfire configure
在
lib/main.dart
檔案中,匯入 Firebase 核心外掛程式,以及 設定檔import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';
此外,在您的
lib/main.dart
檔案中,使用 設定檔匯出的DefaultFirebaseOptions
物件:await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
重新建構 Flutter 應用程式:
flutter run
步驟 4:新增 Firebase 外掛程式
您可以透過多種工具在 Flutter 應用程式中存取 Firebase Firebase Flutter 外掛程式,每個 Firebase 產品各一個外掛程式 (例如 Cloud Firestore、驗證、數據分析等)。
Flutter 是多平台架構,因此每個 Firebase 外掛程式都適用 適用於 Apple、Android 和網路平台。因此,如果您將任何 Firebase 外掛程式 您的 Flutter 應用程式,它也會供 Apple、Android 和網頁版的
新增 Firebase Flutter 外掛程式的方法如下:
在您的 Flutter 專案目錄中執行下列指令:
flutter pub add PLUGIN_NAME
在您的 Flutter 專案目錄中執行下列指令:
flutterfire configure
執行這個指令可確保 Flutter 應用程式的 Firebase 設定 是最新版本,Android 上的 Crashlytics 和 Performance Monitoring 也加入了 需要為您的應用程式加入必要的 Gradle 外掛程式
完成後,請重新建構 Flutter 專案:
flutter run
大功告成!Flutter 應用程式已註冊並設為使用 Firebase。
可用的外掛程式
產品 | 外掛程式名稱 | iOS | Android | Web | 其他 Apple (macOS 等) |
Windows |
---|---|---|---|---|---|---|
數據分析 | firebase_analytics |
Beta 版 | ||||
App Check | firebase_app_check |
Beta 版 | ||||
身分驗證 | firebase_auth |
Beta 版 | Beta 版 | |||
Cloud Firestore | cloud_firestore |
Beta 版 | Beta 版 | |||
Cloud Functions | cloud_functions |
Beta 版 | ||||
雲端通訊 | firebase_messaging |
Beta 版 | ||||
Cloud Storage | firebase_storage |
Beta 版 | Beta 版 | |||
Crashlytics | firebase_crashlytics |
Beta 版 | ||||
動態連結 | firebase_dynamic_links |
|||||
應用程式內通訊 | firebase_in_app_messaging |
|||||
Firebase 安裝 | firebase_app_installations |
Beta 版 | ||||
機器學習模型下載工具 | firebase_ml_model_downloader |
Beta 版 | ||||
效能監控 | firebase_performance |
|||||
即時資料庫 | firebase_database |
Beta 版 | ||||
遠端設定 | firebase_remote_config |
Beta 版 | ||||
適用於 Firebase 的 Vertex AI | firebase_vertexai |
Beta 版 |
試用 Analytics 應用程式的範例應用程式
和所有套件一樣,firebase_analytics
外掛程式隨附
範例計畫。
開啟您已設定使用 Firebase 的 Flutter 應用程式 (請參閱 請參閱本頁的操作說明)。
存取應用程式的
lib
目錄,然後刪除現有的main.dart
檔案。使用 Google Analytics 範例程式存放區 複製下列兩個檔案,並貼到應用程式的
lib
目錄中:main.dart
tabs_page.dart
執行 Flutter 應用程式。
在 Firebase 控制台前往應用程式的 Firebase 專案,然後按一下 Analytics。
如要進一步瞭解如何設定 Analytics,請參閱入門指南 指南 (iOS+), Android,以及 網頁。
後續步驟
實際操作 Firebase Flutter 程式碼研究室。
準備推出應用程式:
- 設定預算 快訊 也可前往 Google Cloud 控制台
- 監控用量與計費 資訊主頁 在 Firebase 控制台中查看專案的整體概況 以及跨多項 Firebase 服務的用量
- 查看 Firebase 發布檢查清單。