Dodaj Firebase do swojej aplikacji Flutter

Wymagania wstępne

  • Zainstaluj preferowany edytor lub IDE.

  • Zainstaluj Flutter dla swojej firmy systemu operacyjnego, w tym:

    • Pakiet SDK Flutter
    • Biblioteki pomocnicze
    • Oprogramowanie i pakiety SDK przeznaczone na daną platformę

  • Zaloguj się w Firebase, korzystając ze swojego konta Google koncie.

Jeśli nie masz jeszcze aplikacji Flutter, możesz pobrać Rozpoczęto: jazdę próbną, aby utworzyć nową aplikację Flutter za pomocą preferowanego edytora lub IDE.

Krok 1. Zainstaluj wymagane narzędzia wiersza poleceń

  1. Jeśli jeszcze nie masz tego za sobą, zainstalować interfejs wiersza poleceń Firebase.

  2. Zaloguj się do Firebase, korzystając ze swojego konta Google, uruchamiając następujące polecenie polecenie:

    firebase login

  3. Zainstaluj interfejs wiersza poleceń FlutterFire, uruchamiając to polecenie z dowolnego katalogu:

    dart pub global activate flutterfire_cli

Krok 2. Skonfiguruj aplikacje, aby korzystały z Firebase

Użyj interfejsu wiersza poleceń FlutterFire, aby skonfigurować połączenie aplikacji Flutter z Firebase.

W katalogu projektu Flutter uruchom następujące polecenie, aby uruchomić Przepływ pracy związany z konfiguracją aplikacji:

flutterfire configure


Krok 3. Zainicjuj Firebase w swojej aplikacji

  1. W katalogu projektu Flutter uruchom poniższe polecenie, aby zainstalować podstawowej wtyczki:

    flutter pub add firebase_core

  2. W katalogu projektu Flutter uruchom to polecenie, aby upewnić się, Sprawdź, czy konfiguracja Firebase Twojej aplikacji Flutter jest aktualna:

    flutterfire configure

  3. Do pliku lib/main.dart zaimportuj podstawową wtyczkę Firebase oraz wygenerowany wcześniej plik konfiguracji:

    import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';

  4. Także w pliku lib/main.dart zainicjuj Firebase za pomocą Obiekt DefaultFirebaseOptions wyeksportowany przez plik konfiguracji:

    await Firebase.initializeApp(
  options: DefaultFirebaseOptions.currentPlatform,
);

  5. Ponownie skompiluj aplikację Flutter:

    flutter run

Krok 4. Dodaj wtyczki Firebase

Dostęp do Firebase uzyskuje się w aplikacji Flutter za pomocą różnych wtyczki Firebase Flutter, po jednej na każdą usługę Firebase. (na przykład Cloud Firestore, Authentication, Analytics itp.).

Flutter to platforma wieloplatformowa, więc każda wtyczka Firebase może jej używać. na platformy Apple, Android i platformy internetowe. Jeśli więc dodasz do aplikacji Flutter, będzie ona używana przez wersje Apple, Android i internetowe do aplikacji.

Aby dodać wtyczkę Firebase Flutter:

  1. W katalogu projektu Flutter uruchom to polecenie:

    flutter pub add PLUGIN_NAME

  2. W katalogu projektu Flutter uruchom to polecenie:

    flutterfire configure

    Uruchamiając to polecenie, masz pewność, że konfiguracja Firebase aplikacji Flutter jest aktualna, a w przypadku Crashlytics i Monitorowania wydajności na Androidzie wymaganych wtyczek Gradle.

  3. Po zakończeniu odbuduj projekt Flutter:

    flutter run

To już wszystko Twoje aplikacje Flutter są zarejestrowane i skonfigurowane pod kątem korzystania z Firebase.

Dostępne wtyczki

Usługa Nazwa wtyczki iOS Android Sieć Inne urządzenia Apple
(macOS itp.)		 Windows
Analytics firebase_analytics
beta
Sprawdzanie aplikacji firebase_app_check
beta
Uwierzytelnianie firebase_auth
beta beta
Cloud Firestore cloud_firestore
beta beta
Funkcje Cloud cloud_functions
beta
Komunikacja w chmurze firebase_messaging
beta
Cloud Storage firebase_storage
beta beta
Crashlytics firebase_crashlytics
beta
Linki dynamiczne firebase_dynamic_links
Wysyłanie 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
Monitorowanie wydajności firebase_performance
Baza danych czasu rzeczywistego firebase_database
beta
Zdalna konfiguracja firebase_remote_config
beta
Vertex AI dla Firebase firebase_vertexai
beta

Wypróbuj przykładową aplikację z Analytics

Tak jak wszystkie pakiety, wtyczka firebase_analytics zawiera przykładowy program.

  1. Otwórz aplikację Flutter, która jest już skonfigurowana do korzystania z Firebase (zobacz instrukcji na tej stronie).

  2. Otwórz katalog lib aplikacji, a następnie usuń dotychczasowy main.dart .

  3. Na podstawie danych z Google Analytics przykładowe repozytorium programów, Skopiuj następujące dwa pliki i wklej je do katalogu lib swojej aplikacji:

    • main.dart
    • tabs_page.dart

  4. Uruchom aplikację Flutter.

  5. W konsoli Firebase otwórz projekt Firebase swojej aplikacji, a potem kliknij Statystyki w lewym panelu nawigacyjnym.

    1. Kliknij Panel. Jeśli Analytics działa prawidłowo, w panelu wyświetla się aktywny użytkownik w sekcji „Użytkownicy aktywni w ciągu ostatnich 30 minut” (może to potrwać czas zapełnienia tego panelu).

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

Więcej informacji o konfigurowaniu Analytics znajdziesz na stronie Pierwsze kroki przewodniki dotyczące iOS+, Androida oraz sieć.

Dalsze kroki