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