Google은 흑인 공동체를 위한 인종적 평등을 추구하기 위해 노력하고 있습니다. 자세히 알아보기

Flutter 앱에 Firebase 추가

전제 조건

아직 Flutter 앱이 없다면 시작하기: 테스트 드라이브 를 완료하여 선호하는 편집기나 IDE를 사용하여 새로운 Flutter 앱을 만들 수 있습니다.

1단계 : 필요한 명령줄 도구 설치

  1. 아직 설치하지 않았다면 Firebase CLI를 설치합니다 .

  2. 다음 명령을 실행하여 Google 계정을 사용하여 Firebase에 로그인합니다.

    firebase login

  3. 디렉토리에서 다음 명령을 실행하여 FlutterFire CLI를 설치합니다.

    dart pub global activate flutterfire_cli

2단계 : Firebase를 사용하도록 앱 구성

FlutterFire CLI를 사용하여 Firebase에 연결하도록 Flutter 앱을 구성합니다.

Flutter 프로젝트 디렉터리에서 다음 명령을 실행하여 앱 구성 워크플로를 시작합니다.

flutterfire configure


3단계 : 앱에서 Firebase 초기화

  1. Flutter 프로젝트 디렉터리에서 다음 명령을 실행하여 핵심 플러그인을 설치합니다.

    flutter pub add firebase_core

  2. Flutter 프로젝트 디렉터리에서 다음 명령을 실행하여 Flutter 앱의 Firebase 구성이 최신 상태인지 확인하세요.

    flutterfire configure

  3. lib/main.dart 파일에서 Firebase 핵심 플러그인과 이전에 생성한 구성 파일을 가져옵니다.

    import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';

  4. 또한 lib/main.dart 파일에서 구성 파일에서 내보낸 DefaultFirebaseOptions 객체를 사용하여 Firebase를 초기화합니다.

    await Firebase.initializeApp(
  options: DefaultFirebaseOptions.currentPlatform,
);

  5. Flutter 애플리케이션을 다시 빌드하세요:

    flutter run

4단계 : Firebase 플러그인 추가

각 Firebase 제품(예: Cloud Firestore, 인증, 분석 등)에 하나씩 다양한 Firebase Flutter 플러그인 을 통해 Flutter 앱에서 Firebase에 액세스합니다.

Flutter는 다중 플랫폼 프레임워크이므로 각 Firebase 플러그인은 Apple, Android 및 웹 플랫폼에 적용할 수 있습니다. 따라서 Flutter 앱에 Firebase 플러그인을 추가하면 앱의 Apple, Android 및 웹 버전에서 사용됩니다.

Firebase Flutter 플러그인을 추가하는 방법은 다음과 같습니다.

  1. Flutter 프로젝트 디렉터리에서 다음 명령을 실행합니다.

    flutter pub add PLUGIN_NAME

  2. Flutter 프로젝트 디렉터리에서 다음 명령을 실행합니다.

    flutterfire configure

    이 명령을 실행하면 Flutter 앱의 Firebase 구성이 최신 상태인지 확인하고 Android의 Crashlytics 및 성능 모니터링을 위해 필요한 Gradle 플러그인을 앱에 추가합니다.

  3. 완료되면 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 플러그인은 예제 프로그램 과 함께 제공됩니다.

  1. Firebase를 사용하도록 이미 구성한 Flutter 앱을 엽니다(이 페이지의 지침 참조).

  2. 앱의 lib 디렉터리에 액세스한 다음 기존 main.dart 파일을 삭제합니다.

  3. Google Analytics 예제 프로그램 저장소 에서 다음 두 파일을 복사하여 앱의 lib 디렉토리에 붙여넣습니다.

    • main.dart
    • tabs_page.dart

  4. Flutter 앱을 실행하세요.

  5. Firebase 콘솔 에서 앱의 Firebase 프로젝트로 이동한 다음 왼쪽 탐색 메뉴에서 Analytics 를 클릭합니다.

    1. 대시보드 를 클릭합니다. Analytics가 제대로 작동하는 경우 대시보드의 "지난 30분 동안 활성 사용자" 패널에 활성 사용자가 표시됩니다(이 패널을 채우는 데 시간이 걸릴 수 있음).

    2. 디버그 보기 를 클릭합니다. 예제 프로그램에서 생성된 모든 이벤트를 보려면 기능을 활성화하십시오.

Analytics 설정에 대한 자세한 내용은 iOS+ , Android 및 웹용 시작 안내서를 참조하십시오.

다음 단계