Добавьте Firebase в свое приложение Flutter
Предпосылки
Установите предпочтительный редактор или IDE .
Установите Flutter для вашей конкретной операционной системы, включая следующее:
- Флаттер SDK
- Вспомогательные библиотеки
- Программное обеспечение и SDK для конкретных платформ
Войдите в Firebase , используя свою учетную запись Google.
Если у вас еще нет приложения Flutter, вы можете пройти курс «Начало работы: тест-драйв» , чтобы создать новое приложение Flutter с помощью предпочитаемого вами редактора или IDE.
Шаг 1. Установите необходимые инструменты командной строки.
Установите интерфейс командной строки Firebase , если вы еще этого не сделали.
Войдите в Firebase, используя свою учетную запись Google, выполнив следующую команду:
firebase login
Установите интерфейс командной строки FlutterFire, выполнив следующую команду из любого каталога:
dart pub global activate flutterfire_cli
Шаг 2. Настройте приложения для использования Firebase.
Используйте интерфейс командной строки FlutterFire для настройки приложений Flutter для подключения к Firebase.
В каталоге проекта Flutter выполните следующую команду, чтобы запустить рабочий процесс настройки приложения:
flutterfire configure
Рабочий процесс
flutterfire configure
выполняет следующие действия:
Просит вас выбрать платформы (iOS, Android, Интернет), поддерживаемые вашим приложением Flutter. Для каждой выбранной платформы интерфейс командной строки FlutterFire создает новое приложение Firebase в вашем проекте Firebase.
Вы можете использовать существующий проект Firebase или создать новый проект Firebase. Если у вас уже есть приложения, зарегистрированные в существующем проекте Firebase, интерфейс командной строки FlutterFire попытается сопоставить их на основе вашей текущей конфигурации проекта Flutter.
Создает файл конфигурации Firebase (
firebase_options.dart
) и добавляет его в ваш каталогlib/
.(для Crashlytics или мониторинга производительности на Android) Добавляет необходимые подключаемые модули Gradle для конкретного продукта в ваше приложение Flutter.
Шаг 3. Инициализируйте Firebase в своем приложении.
Из каталога вашего проекта Flutter выполните следующую команду, чтобы установить основной плагин:
flutter pub add firebase_core
В каталоге вашего проекта Flutter выполните следующую команду, чтобы убедиться, что конфигурация Firebase вашего приложения Flutter обновлена:
flutterfire configure
В вашем файле
lib/main.dart
импортируйте основной плагин Firebase и файл конфигурации, который вы создали ранее:import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';
Также в вашем файле
lib/main.dart
инициализируйте Firebase, используя объектDefaultFirebaseOptions
, экспортированный файлом конфигурации:await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
Перестройте приложение Flutter:
flutter run
Шаг 4. Добавьте плагины Firebase.
Вы получаете доступ к Firebase в своем приложении Flutter через различные плагины Firebase Flutter , по одному для каждого продукта Firebase (например, Cloud Firestore, Authentication, Analytics и т. д.).
Поскольку Flutter является многоплатформенной средой, каждый плагин Firebase применим для Apple, Android и веб-платформ. Таким образом, если вы добавите какой-либо плагин Firebase в свое приложение Flutter, он будет использоваться Apple, Android и веб-версиями вашего приложения.
Вот как добавить плагин Firebase Flutter:
В каталоге вашего проекта Flutter выполните следующую команду:
flutter pub add PLUGIN_NAME
В каталоге вашего проекта Flutter выполните следующую команду:
flutterfire configure
Выполнение этой команды гарантирует, что конфигурация Firebase вашего приложения Flutter актуальна, а для Crashlytics и мониторинга производительности на Android добавляет в ваше приложение необходимые плагины Gradle.
После завершения перестройте свой проект 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
поставляется с примером программы .
Откройте приложение Flutter, которое вы уже настроили для использования Firebase (см. инструкции на этой странице).
Получите доступ к каталогу
lib
приложения, затем удалите существующий файлmain.dart
.Из репозитория примера программы Google Analytics скопируйте и вставьте следующие два файла в каталог
lib
вашего приложения:-
main.dart
-
tabs_page.dart
-
Запустите приложение Flutter.
Перейдите к проекту Firebase вашего приложения в консоли Firebase , затем нажмите «Аналитика» в левой панели навигации.
Нажмите Панель инструментов . Если Google Analytics работает правильно, на панели мониторинга отображается активный пользователь на панели «Пользователи, активные за последние 30 минут» (заполнение этой панели может занять некоторое время).
Нажмите Отладка . Включите эту функцию, чтобы увидеть все события, созданные программой-примером.
Дополнительные сведения о настройке Google Analytics см. в руководствах по началу работы для iOS+ , Android и Интернета .
Следующие шаги
Получите практический опыт работы с Firebase Flutter Codelab .
Подготовьтесь к запуску вашего приложения:
- Настройте оповещения о бюджете для своего проекта в Google Cloud Console.
- Следите за панелью управления «Использование и выставление счетов» в консоли Firebase, чтобы получить общую картину использования вашего проекта в нескольких сервисах Firebase.
- Ознакомьтесь с контрольным списком запуска Firebase .