Flutter 앱에 Firebase 추가
전제 조건
선호하는 편집기 또는 IDE 를 설치하십시오.
다음을 포함하여 특정 운영 체제에 Flutter를 설치합니다 .
- 플러터 SDK
- 지원 라이브러리
- 플랫폼별 소프트웨어 및 SDK
Google 계정을 사용하여 Firebase에 로그인 합니다.
아직 Flutter 앱이 없다면 시작하기: 테스트 드라이브 를 완료하여 선호하는 편집기나 IDE를 사용하여 새로운 Flutter 앱을 만들 수 있습니다.
1단계 : 필요한 명령줄 도구 설치
다음 명령을 실행하여 Google 계정을 사용하여 Firebase에 로그인합니다.
firebase login
디렉토리에서 다음 명령을 실행하여 FlutterFire CLI를 설치합니다.
dart pub global activate flutterfire_cli
2단계 : Firebase를 사용하도록 앱 구성
FlutterFire CLI를 사용하여 Firebase에 연결하도록 Flutter 앱을 구성합니다.
Flutter 프로젝트 디렉터리에서 다음 명령을 실행하여 앱 구성 워크플로를 시작합니다.
flutterfire configure
flutterfire configure
워크플로는 다음을 수행합니다.
Flutter 앱에서 지원되는 플랫폼(iOS, Android, 웹)을 선택하도록 요청합니다. 선택한 각 플랫폼에 대해 FlutterFire CLI는 Firebase 프로젝트에 새 Firebase 앱을 생성합니다.
기존 Firebase 프로젝트를 사용하거나 새 Firebase 프로젝트를 생성하도록 선택할 수 있습니다. 기존 Firebase 프로젝트에 이미 등록된 앱이 있는 경우 FlutterFire CLI는 현재 Flutter 프로젝트 구성을 기반으로 앱을 일치시키려고 시도합니다.
Firebase 구성 파일(
firebase_options.dart
)을 만들어lib/
디렉토리에 추가합니다.(Android의 Crashlytics 또는 성능 모니터링용) 필수 제품별 Gradle 플러그인을 Flutter 앱에 추가합니다.
3단계 : 앱에서 Firebase 초기화
Flutter 프로젝트 디렉터리에서 다음 명령을 실행하여 핵심 플러그인을 설치합니다.
flutter pub add firebase_core
Flutter 프로젝트 디렉터리에서 다음 명령을 실행하여 Flutter 앱의 Firebase 구성이 최신 상태인지 확인하세요.
flutterfire configure
lib/main.dart
파일에서 Firebase 핵심 플러그인과 이전에 생성한 구성 파일을 가져옵니다.import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';
또한
lib/main.dart
파일에서 구성 파일에서 내보낸DefaultFirebaseOptions
객체를 사용하여 Firebase를 초기화합니다.await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
Flutter 애플리케이션을 다시 빌드하세요:
flutter run
4단계 : Firebase 플러그인 추가
각 Firebase 제품(예: Cloud Firestore, 인증, 분석 등)에 하나씩 다양한 Firebase Flutter 플러그인 을 통해 Flutter 앱에서 Firebase에 액세스합니다.
Flutter는 다중 플랫폼 프레임워크이므로 각 Firebase 플러그인은 Apple, Android 및 웹 플랫폼에 적용할 수 있습니다. 따라서 Flutter 앱에 Firebase 플러그인을 추가하면 앱의 Apple, Android 및 웹 버전에서 사용됩니다.
Firebase Flutter 플러그인을 추가하는 방법은 다음과 같습니다.
Flutter 프로젝트 디렉터리에서 다음 명령을 실행합니다.
flutter pub add PLUGIN_NAME
Flutter 프로젝트 디렉터리에서 다음 명령을 실행합니다.
flutterfire configure
이 명령을 실행하면 Flutter 앱의 Firebase 구성이 최신 상태인지 확인하고 Android의 Crashlytics 및 성능 모니터링을 위해 필요한 Gradle 플러그인을 앱에 추가합니다.
완료되면 Flutter 프로젝트를 다시 빌드하십시오.
flutter run
준비가 완료되었습니다! Flutter 앱이 Firebase를 사용하도록 등록 및 구성되었습니다.
사용 가능한 플러그인
제품 | 플러그인 이름 | iOS | 기계적 인조 인간 | 편물 | 기타 사과 (macOS 등) |
---|---|---|---|---|---|
해석학 | firebase_analytics | 베타 | |||
앱 체크 | firebase_app_check | 베타 | |||
입증 | firebase_auth | 베타 | |||
클라우드 파이어스토어 | cloud_firestore | 베타 | |||
클라우드 함수 | cloud_functions | 베타 | |||
클라우드 메시징 | firebase_messaging | 베타 | |||
클라우드 스토리지 | firebase_storage | 베타 | |||
Crashlytics | firebase_crashlytics | 베타 | |||
동적 링크 | firebase_dynamic_links | ||||
인앱 메시지 | firebase_in_app_messaging | ||||
Firebase 설치 | firebase_app_installations | 베타 | |||
ML 모델 다운로더 | firebase_ml_model_downloader | 베타 | |||
성능 모니터링 | firebase_performance | ||||
실시간 데이터베이스 | firebase_database | 베타 | |||
원격 구성 | firebase_remote_config | 베타 |
Analytics로 예시 앱 사용해 보기
모든 패키지와 마찬가지로 firebase_analytics
플러그인은 예제 프로그램 과 함께 제공됩니다.
Firebase를 사용하도록 이미 구성한 Flutter 앱을 엽니다(이 페이지의 지침 참조).
앱의
lib
디렉터리에 액세스한 다음 기존main.dart
파일을 삭제합니다.Google Analytics 예제 프로그램 저장소 에서 다음 두 파일을 복사하여 앱의
lib
디렉토리에 붙여넣습니다.-
main.dart
-
tabs_page.dart
-
Flutter 앱을 실행하세요.
Firebase 콘솔 에서 앱의 Firebase 프로젝트로 이동한 다음 왼쪽 탐색 메뉴에서 Analytics 를 클릭합니다.
Analytics 설정에 대한 자세한 내용은 iOS+ , Android 및 웹용 시작 안내서를 참조하십시오.
다음 단계
Firebase Flutter Codelab 으로 실습 경험을 얻으십시오.
앱 출시 준비:
- Google Cloud Console에서 프로젝트에 대한 예산 알림 을 설정하세요.
- Firebase 콘솔에서 사용량 및 결제 대시보드 를 모니터링하여 여러 Firebase 서비스에서 프로젝트 사용량을 전반적으로 파악하세요.
- Firebase 출시 체크리스트 를 검토하세요.