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
Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.

Добавьте 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 и Интернета .

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