Dodaj Firebase do swojej aplikacji Flutter

Warunki wstępne

Jeśli nie masz jeszcze aplikacji Flutter, możesz wykonać zadanie Rozpocznij: jazda próbna , aby utworzyć nową aplikację Flutter przy użyciu preferowanego edytora lub środowiska IDE.

Krok 1 : Zainstaluj wymagane narzędzia wiersza poleceń

  1. Jeśli jeszcze tego nie zrobiłeś, zainstaluj Firebase CLI .

  2. Zaloguj się do Firebase przy użyciu swojego konta Google, uruchamiając następujące polecenie:

    firebase login
    
  3. Zainstaluj interfejs CLI FlutterFire, uruchamiając następujące polecenie z dowolnego katalogu:

    dart pub global activate flutterfire_cli
    

Krok 2 : Skonfiguruj aplikacje do korzystania z Firebase

Użyj interfejsu FlutterFire CLI, aby skonfigurować aplikacje Flutter tak, aby łączyły się z Firebase.

Z katalogu projektu Flutter uruchom następujące polecenie, aby rozpocząć przepływ pracy konfiguracji aplikacji:

flutterfire configure


Krok 3 : Zainicjuj Firebase w swojej aplikacji

  1. Z katalogu projektu Flutter uruchom następującą komendę, aby zainstalować podstawową wtyczkę:

    flutter pub add firebase_core
    
  2. Z katalogu projektu Flutter uruchom następujące polecenie, aby upewnić się, że konfiguracja Firebase Twojej aplikacji Flutter jest aktualna:

    flutterfire configure
    
  3. Do 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';
    
  4. Również w pliku lib/main.dart zainicjuj Firebase przy użyciu obiektu DefaultFirebaseOptions wyeksportowanego przez plik konfiguracyjny:

    await Firebase.initializeApp(
      options: DefaultFirebaseOptions.currentPlatform,
    );
    
  5. Odbuduj aplikację Flutter:

    flutter run
    

Krok 4 : Dodaj wtyczki Firebase

Dostęp do Firebase uzyskujesz w aplikacji Flutter za pośrednictwem różnych wtyczek Firebase Flutter , po jednej dla każdego produktu Firebase (na przykład: Cloud Firestore, Uwierzytelnianie, Analytics itp.).

Ponieważ Flutter jest platformą wieloplatformową, każda wtyczka Firebase ma zastosowanie na platformach Apple, Android i internetowych. Jeśli więc dodasz dowolną wtyczkę Firebase do swojej aplikacji Flutter, będzie ona używana w wersjach Twojej aplikacji na Apple, Androidzie i w Internecie.

Oto jak dodać wtyczkę Firebase Flutter:

  1. Z katalogu projektu Flutter uruchom następującą komendę:

    flutter pub add PLUGIN_NAME
  2. Z katalogu projektu Flutter uruchom następującą komendę:

    flutterfire configure
    

    Uruchomienie tego polecenia gwarantuje, że konfiguracja Firebase Twojej aplikacji Flutter jest aktualna, a w przypadku Crashlytics i monitorowania wydajności na Androidzie dodaje wymagane wtyczki Gradle do Twojej aplikacji.

  3. Po zakończeniu odbuduj 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
Kontrola aplikacji firebase_app_check
beta
Uwierzytelnianie firebase_auth
beta
Chmura 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 .

  1. Otwórz aplikację Flutter, którą już skonfigurowałeś do korzystania z Firebase (zobacz instrukcje na tej stronie).

  2. Uzyskaj dostęp do katalogu lib aplikacji, a następnie usuń istniejący plik main.dart .

  3. Z repozytorium przykładowego programu Google Analytics skopiuj i wklej następujące dwa pliki do katalogu lib swojej aplikacji:

    • main.dart
    • tabs_page.dart
  4. Uruchom aplikację Flutter.

  5. Przejdź do projektu Firebase swojej aplikacji w konsoli Firebase , a następnie kliknij Analytics w lewym panelu nawigacyjnym.

    1. Kliknij Panel . Jeśli Analytics działa prawidłowo, na panelu „Użytkownicy aktywni w ciągu ostatnich 30 minut” na panelu widać aktywnego użytkownika (zapełnienie tego panelu może zająć trochę czasu).

    2. Kliknij opcję DebugView . Włącz tę funkcję, aby zobaczyć wszystkie zdarzenia wygenerowane przez przykładowy program.

Więcej informacji na temat konfigurowania Analytics znajdziesz w przewodnikach wprowadzających dla systemów iOS+ , Android i przeglądarek internetowych .

Następne kroki