[FireBase] Flutter 프로젝트와 FireBase 연동하기

작업공간 준비

• Firebase CLI 설치 및 로그인(firebase login 실행)
  2022.12.06 - [Flutter(플러터)/FireBase] - [FireBase] 파이어베이스 CLI 설치하기
• Flutter SDK 설치
• Flutter 프로젝트 만들기(flutter create 실행)

[FireBase] 파이어베이스 CLI 설치하기

 

FlutterFire CLI 설치 및 실행

• 해당 디렉터리에 위치한 터미널에서 다음 커맨드를 실행

dart pub global activate flutterfire_cli

• 연결하고자 하는 프로젝트와 연결시켜 줍니다

flutterfire configure --project={나의 프로젝트ID}

여기까지 문제없이 수행했다면 lib/firebase_options.dart 파일이 자동생성되고 파이어베이스와 연동되었을 겁니다.

FireBase 초기화 및 플러그인 추가

• 플러터에서 Firebase 플러그인을 사용해 주기 위해서 해당 플러그인을 설치합니다

flutter pub add firebase_core

• 파이어베이스 초기화

import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';
void main() async{
  // 위젯 바인딩을 추가
  WidgetsFlutterBinding.ensureInitialized(); // 2023.05.13 수정 firebase 사용전 추가해줘야함
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(const MyApp());
}

 

이후 프로젝트를 실행시킨 뒤 파이어베이스 콘솔로 이동하면

다음과 같이 연동이 되어있는 것을 확인할 수 있습니다

이제 원하는 플러그인을 설치해서 사용하면 됩니다.