Dodaj Firebase do swojej aplikacji Flutter
Wymagania wstępne
Zainstaluj preferowany edytor lub IDE .
Zainstaluj Flutter dla swojego systemu operacyjnego, w tym:
- Pakiet SDK Fluttera
- Biblioteki wspierające
- Oprogramowanie specyficzne dla platformy i zestawy SDK
Zaloguj się do Firebase przy użyciu swojego konta Google.
Jeśli nie masz jeszcze aplikacji Flutter, możesz ukończyć Rozpoczęcie: jazda próbna , aby utworzyć nową aplikację Flutter przy użyciu preferowanego edytora lub środowiska IDE.
Krok 1 : Zainstaluj wymagane narzędzia wiersza poleceń
Jeśli jeszcze tego nie zrobiłeś, zainstaluj Firebase CLI .
Zaloguj się do Firebase przy użyciu swojego konta Google, uruchamiając następujące polecenie:
firebase login
Zainstaluj FlutterFire CLI, uruchamiając następujące polecenie z dowolnego katalogu:
dart pub global activate flutterfire_cli
Krok 2 : skonfiguruj swoje aplikacje do korzystania z Firebase
Użyj FlutterFire CLI, aby skonfigurować aplikacje Flutter do łączenia się z Firebase.
Z katalogu projektu Flutter uruchom następujące polecenie, aby rozpocząć przepływ pracy konfigurowania aplikacji:
flutterfire configure
Przepływ pracy
flutterfire configure
wykonuje następujące czynności:
Prosi o wybranie platform (iOS, Android, Web) obsługiwanych w aplikacji Flutter. Dla każdej wybranej platformy FlutterFire CLI tworzy nową aplikację Firebase w Twoim projekcie Firebase.
Możesz wybrać, czy chcesz użyć istniejącego projektu Firebase, czy utworzyć nowy projekt Firebase. Jeśli masz już aplikacje zarejestrowane w istniejącym projekcie Firebase, FlutterFire CLI spróbuje je dopasować na podstawie bieżącej konfiguracji projektu Flutter.
Tworzy plik konfiguracyjny Firebase (
firebase_options.dart
) i dodaje go do katalogulib/
.(dla Crashlytics lub Performance Monitoring na Androidzie) Dodaje wymagane wtyczki Gradle specyficzne dla produktu do Twojej aplikacji Flutter.
Krok 3 : Zainicjuj Firebase w swojej aplikacji
Z katalogu projektu Flutter uruchom następujące polecenie, aby zainstalować podstawową wtyczkę:
flutter pub add firebase_core
W katalogu projektu Flutter uruchom następujące polecenie, aby upewnić się, że konfiguracja Firebase aplikacji Flutter jest aktualna:
flutterfire configure
W pliku
lib/main.dart
zaimportuj podstawową wtyczkę Firebase i wygenerowany wcześniej plik konfiguracyjny:import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';
Również w pliku
lib/main.dart
zainicjuj Firebase przy użyciu obiektuDefaultFirebaseOptions
wyeksportowanego przez plik konfiguracyjny:await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
Przebuduj swoją aplikację Flutter:
flutter run
Krok 4 : Dodaj wtyczki Firebase
Dostęp do Firebase w aplikacji Flutter uzyskujesz za pośrednictwem różnych wtyczek Firebase Flutter , po jednej dla każdego produktu Firebase (na przykład: Cloud Firestore, Authentication, Analytics itp.).
Ponieważ Flutter to platforma wieloplatformowa, każda wtyczka Firebase ma zastosowanie do platform Apple, Android i internetowych. Tak więc, jeśli dodasz jakąkolwiek wtyczkę Firebase do swojej aplikacji Flutter, będzie ona używana przez Apple, Androida i wersje internetowe Twojej aplikacji.
Oto jak dodać wtyczkę Firebase Flutter:
Z katalogu projektu Flutter uruchom następujące polecenie:
flutter pub add PLUGIN_NAME
Z katalogu projektu Flutter uruchom następujące polecenie:
flutterfire configure
Uruchomienie tego polecenia zapewnia, że konfiguracja Firebase aplikacji Flutter jest aktualna, a w przypadku Crashlytics i monitorowania wydajności na Androidzie dodaje wymagane wtyczki Gradle do Twojej aplikacji.
Po zakończeniu przebuduj swój projekt Flutter:
flutter run
Wszystko gotowe! Twoje aplikacje Flutter są zarejestrowane i skonfigurowane do korzystania z Firebase.
Dostępne wtyczki
Produkt | Nazwa wtyczki | iOS | Android | Sieć | Inne jabłko (macOS itp.) |
---|---|---|---|---|---|
Analityka | firebase_analytics | beta | |||
Sprawdź aplikację | firebase_app_check | beta | |||
Uwierzytelnianie | firebase_auth | beta | |||
Cloud Firestore | cloud_firestore | beta | |||
Funkcje chmury | cloud_functions | beta | |||
Wiadomości w chmurze | firebase_messaging | beta | |||
Magazyn w chmurze | firebase_storage | beta | |||
Crashlytics | firebase_crashlytics | beta | |||
Linki dynamiczne | firebase_dynamic_links | ||||
Wiadomości w aplikacji | firebase_in_app_messaging | ||||
Instalacje Firebase | firebase_app_installations | beta | |||
Narzędzie do pobierania modeli ML | firebase_ml_model_downloader | beta | |||
Monitoring wydajności | firebase_performance | ||||
Baza danych czasu rzeczywistego | firebase_database | beta | |||
Zdalna konfiguracja | firebase_remote_config | beta |
Wypróbuj przykładową aplikację z Analytics
Podobnie jak wszystkie pakiety, wtyczka firebase_analytics
zawiera przykładowy program .
Otwórz aplikację Flutter, którą już skonfigurowałeś do korzystania z Firebase (zobacz instrukcje na tej stronie).
Uzyskaj dostęp do katalogu
lib
aplikacji, a następnie usuń istniejący plikmain.dart
.Z przykładowego repozytorium programu Google Analytics skopiuj i wklej następujące dwa pliki do katalogu
lib
swojej aplikacji:-
main.dart
-
tabs_page.dart
-
Uruchom aplikację Flutter.
Przejdź do projektu Firebase swojej aplikacji w konsoli Firebase , a następnie kliknij Analytics w lewym panelu nawigacyjnym.
Kliknij Pulpit nawigacyjny . Jeśli Analytics działa prawidłowo, panel pokazuje aktywnego użytkownika w panelu „Użytkownicy aktywni w ciągu ostatnich 30 minut” (wypełnienie tego panelu może zająć trochę czasu).
Kliknij DebugView . Włącz tę funkcję, aby zobaczyć wszystkie zdarzenia wygenerowane przez przykładowy program.
Aby uzyskać więcej informacji o konfigurowaniu Analytics, zapoznaj się z przewodnikami wprowadzającymi dla iOS+ , Androida i internetu .
Następne kroki
Zdobądź praktyczne doświadczenie z Firebase Flutter Codelab .
Przygotuj się do uruchomienia aplikacji:
- Skonfiguruj alerty budżetowe dla swojego projektu w Google Cloud Console.
- Monitoruj pulpit nawigacyjny Wykorzystanie i rozliczenia w konsoli Firebase, aby uzyskać ogólny obraz wykorzystania projektu w wielu usługach Firebase.
- Przejrzyj listę kontrolną uruchamiania Firebase .