Dodawanie Firebase do 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 związane z poszczególnymi platformami

  • 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ą, zainstaluj 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łączenia 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 Fluttera uruchom to polecenie, aby mieć pewność, że konfiguracja Firebase w aplikacji Fluttera 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

Jeśli wolisz skorzystać z projektu demonstracyjnego, możesz uruchomić Emulator Firebase i w pliku lib/main.dart zainicjuj Firebase za pomocą polecenia demoProjectId (powinno zaczynać się od demo-):

  await Firebase.initializeApp(
    demoProjectId: "demo-project-id",
  );

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 aplikacji Crashlytics i Performance Monitoring na Androida dodaje rozszerzenie wymaganych wtyczek Gradle.

  3. Po zakończeniu ponownie skompiluj projekt Flutter:

    flutter run

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

Dostępne wtyczki

Usługa Nazwa wtyczki iOS Android Sieć Inne urządzenia Apple
(macOS itp.)		 Windows
Analytics firebase_analytics
beta
App Check firebase_app_check
beta
Authentication firebase_auth
beta beta
Cloud Firestore cloud_firestore
beta beta
Cloud Functions cloud_functions
beta
Cloud Messaging firebase_messaging
beta
Cloud Storage firebase_storage
beta beta
Crashlytics firebase_crashlytics
beta
Dynamic Links firebase_dynamic_links
In-App Messaging firebase_in_app_messaging
Instalacje: Firebase firebase_app_installations
beta
Program do pobierania modeli ML firebase_ml_model_downloader
beta
Performance Monitoring firebase_performance
Realtime Database firebase_database
beta
Remote Config firebase_remote_config
beta
Vertex AI in Firebase firebase_vertexai
beta

Wypróbuj przykładową aplikację, w której występuje 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. Z lig 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. Otwórz projekt Firebase swojej aplikacji w konsoli Firebase, a potem kliknij Statystyki w lewym panelu nawigacyjnym.

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

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

Więcej informacji o konfigurowaniu Analytics znajdziesz w materiałach dla początkujących przewodniki dotyczące iOS+, Androida oraz sieć.

Dalsze kroki