Добавьте Firebase в свое приложение Flutter

Предпосылки

  • Установите предпочтительный редактор или IDE .

  • Установите Flutter для вашей конкретной операционной системы, включая следующее:

    • Флаттер SDK
    • Вспомогательные библиотеки
    • Программное обеспечение и SDK для конкретных платформ
  • Войдите в Firebase , используя свою учетную запись Google.

Если у вас еще нет приложения Flutter, вы можете пройти курс « Начало работы: тест-драйв» , чтобы создать новое приложение Flutter с помощью предпочитаемого вами редактора или IDE.

Шаг 1. Установите необходимые инструменты командной строки.

  1. Установите интерфейс командной строки Firebase , если вы еще этого не сделали.

  2. Войдите в Firebase, используя свою учетную запись Google, выполнив следующую команду:

    firebase login
    
  3. Установите интерфейс командной строки FlutterFire, выполнив следующую команду из любого каталога:

    dart pub global activate flutterfire_cli
    

Шаг 2. Настройте приложения для использования Firebase.

Используйте интерфейс командной строки FlutterFire для настройки приложений Flutter для подключения к Firebase.

В каталоге проекта Flutter выполните следующую команду, чтобы запустить рабочий процесс настройки приложения:

flutterfire configure


Шаг 3. Инициализируйте Firebase в своем приложении.

  1. В каталоге вашего проекта Flutter выполните следующую команду, чтобы установить основной плагин:

    flutter pub add firebase_core
    
  2. В каталоге вашего проекта Flutter выполните следующую команду, чтобы убедиться, что конфигурация Firebase вашего приложения Flutter обновлена:

    flutterfire configure
    
  3. В вашем файле lib/main.dart импортируйте основной плагин Firebase и файл конфигурации, который вы создали ранее:

    import 'package:firebase_core/firebase_core.dart';
    import 'firebase_options.dart';
    
  4. Также в вашем файле lib/main.dart инициализируйте Firebase, используя объект DefaultFirebaseOptions , экспортированный файлом конфигурации:

    await Firebase.initializeApp(
      options: DefaultFirebaseOptions.currentPlatform,
    );
    
  5. Перестройте приложение Flutter:

    flutter run
    

Шаг 4. Добавьте плагины Firebase.

Вы получаете доступ к Firebase в своем приложении Flutter через различные плагины Firebase Flutter , по одному для каждого продукта Firebase (например, Cloud Firestore, Authentication, Analytics и т. д.).

Поскольку Flutter является многоплатформенной средой, каждый плагин Firebase применим для Apple, Android и веб-платформ. Таким образом, если вы добавите какой-либо плагин Firebase в свое приложение Flutter, он будет использоваться Apple, Android и веб-версиями вашего приложения.

Вот как добавить плагин Firebase Flutter:

  1. В каталоге вашего проекта Flutter выполните следующую команду:

    flutter pub add PLUGIN_NAME
  2. В каталоге вашего проекта Flutter выполните следующую команду:

    flutterfire configure
    

    Выполнение этой команды гарантирует, что конфигурация Firebase вашего приложения Flutter актуальна, а для Crashlytics и мониторинга производительности на Android добавляет в ваше приложение необходимые плагины Gradle.

  3. После завершения перестройте свой проект Flutter:

    flutter run
    

Готово! Ваши приложения Flutter зарегистрированы и настроены для использования Firebase.

Доступные плагины

Товар Название плагина iOS Андроид Интернет Другое яблоко
(macOS и т. д.)
Аналитика firebase_analytics
бета
Проверка приложения firebase_app_check
бета
Аутентификация firebase_auth
бета
Облако Firestore cloud_firestore
бета
Облачные функции cloud_functions
бета
Облачный обмен сообщениями firebase_messaging
бета
Облачное хранилище firebase_storage
бета
Crashlytics firebase_crashlytics
бета
Динамические ссылки firebase_dynamic_links
Обмен сообщениями в приложении firebase_in_app_messaging
Установки Firebase firebase_app_installations
бета
Загрузчик моделей машинного обучения firebase_ml_model_downloader
бета
Мониторинг производительности firebase_performance
База данных реального времени firebase_database
бета
Удаленная конфигурация firebase_remote_config
бета

Попробуйте пример приложения с Analytics

Как и все пакеты, плагин firebase_analytics поставляется с примером программы .

  1. Откройте приложение Flutter, которое вы уже настроили для использования Firebase (см. инструкции на этой странице).

  2. Откройте каталог lib приложения, затем удалите существующий файл main.dart .

  3. Из репозитория примера программы Google Analytics скопируйте и вставьте следующие два файла в каталог lib вашего приложения:

    • main.dart
    • tabs_page.dart
  4. Запустите приложение Flutter.

  5. Перейдите к проекту Firebase вашего приложения в консоли Firebase , затем нажмите « Аналитика » в левой панели навигации.

    1. Нажмите Панель инструментов . Если Google Analytics работает правильно, на панели мониторинга отображается активный пользователь на панели «Пользователи, активные за последние 30 минут» (заполнение этой панели может занять некоторое время).

    2. Нажмите Отладка . Включите эту функцию, чтобы увидеть все события, созданные программой-примером.

Дополнительные сведения о настройке Google Analytics см. в руководствах по началу работы для iOS+ , Android и Интернета .

Следующие шаги