Dodaj Firebase do swojej aplikacji Flutter

Wymagania wstępne

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ń

  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 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


Krok 3 : Zainicjuj Firebase w swojej aplikacji

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

    flutter pub add firebase_core

  2. W katalogu projektu Flutter uruchom następujące polecenie, aby upewnić się, że konfiguracja Firebase aplikacji Flutter jest aktualna:

    flutterfire configure

  3. 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';

  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. 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:

  1. Z katalogu projektu Flutter uruchom następujące polecenie:

    flutter pub add PLUGIN_NAME

  2. 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.

  3. 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 .

  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 przykładowego repozytorium 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 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).

    2. 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