Join us in person and online for Firebase Summit on October 18, 2022. Learn how Firebase can help you accelerate app development, release your app with confidence, and scale with ease. Register now
Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

Dodaj Firebase do swojej aplikacji Flutter

Warunki wstępne

Jeśli nie masz jeszcze aplikacji Flutter, możesz wykonać Rozpocznij: Przetestuj jazdę , 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 interfejsu FlutterFire CLI, aby skonfigurować aplikacje Flutter do łączenia się z Firebase.

W 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ą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 plik konfiguracyjny, który wygenerowałeś wcześniej:

    import 'package:firebase_core/firebase_core.dart';
    import 'firebase_options.dart';
    
  4. Również w pliku lib/main.dart zainicjuj Firebase za pomocą obiektu DefaultFirebaseOptions wyeksportowanego przez plik konfiguracyjny:

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

    flutter run
    

Krok 4 : Dodaj wtyczki Firebase

Uzyskujesz dostęp do Firebase w swojej aplikacji Flutter za pomocą 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 jest odpowiednia dla platform Apple, Android i internetowych. Jeśli więc dodasz dowolną wtyczkę Firebase do swojej aplikacji Flutter, będzie ona używana przez Apple, Android 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 gwarantuje, że konfiguracja Firebase Twojej aplikacji Flutter jest aktualna, a w przypadku Crashlytics i Monitorowania wydajności w systemie Android 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
Sprawdzanie aplikacji 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
Dynamiczne linki 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ładowych programów Google Analytics skopiuj i wklej następujące dwa pliki do katalogu lib 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 . Jeśli Analytics działa poprawnie, panel wyświetla 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 opcję DebugView . Włącz 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 systemów iOS+ , Android i w przeglądarce .

Następne kroki