[Flutter] Flutter 앱에 Firebase 파이어베이스 설정하기

Firebase 프로젝트 생성

Firebase 프로젝트를 추가하고 Flutter 앱을 추가하여 시작하기를 클릭한다!

참고로 flutter 3.0 공식 릴리즈부터 Firebase가 플러터를 공식 지원했습니다!  🎉

그래서 기존에는 플랫폼별로 다 설정해야 했었습니다

하지만 firebase가 flutter를 지원하기 때문에 손쉽게 설정이 가능합니다

 

Flutter 앱에 Firebase 추가

[Flutter 프로젝트는 생성했다고 가정하겠습니다]

1. 작업공간 준비

공식 문서를 보면서 하면 쉽게 할 수 있다 😄

https://firebase.google.com/docs/cli?authuser=0&hl=ko#install_the_firebase_cli 

Firebase CLI 참조  |  Firebase Documentation

https://docs.flutter.dev/get-started/install?authuser=0&hl=ko 

Install

 

2. FlutterFire CLI 설치 및 실행

디렉터리에서 다음 명령어를 실행합니다

dart pub global activate flutterfire_cli

저 같은 경우 아래와 같은 Warning이 떴습니다.

Warning: Pub installs executables into $HOME/.pub-cache/bin, which is not on your path.
You can fix that by adding this to your shell's config file (.bashrc, .bash_profile, etc.):

  export PATH="$PATH":"$HOME/.pub-cache/bin"

Activated flutterfire_cli 0.2.4.

 

만약 환경 변수를 설정하지 않으면 다음 진행 시 아래와 같은 오류가 발생합니다

zsh: command not found: flutterfire

 

그러면 .zshrc에 해당 내용을 추가하겠습니다

(자신 컴퓨터에 맞는 설정 파일로 진행해주세요!) 

참고 맥북은 카탈리나 버전부터 기본 쉘을 bash -> zsh로 바뀌었습니다!! (관련 링크)

vim ~/.zshrc

추가 후 :wq로 저장해줍니다

그다음 변경한 설정값을 바로 적용합니다

source ~/.zshrc

그다음 잘 설정되었는지 확인해보겠습니다

 which flutterfire

설정한 PATH가 나오면 적용 끝! 

 

Flutter 프로젝트 디렉터리의 루트에서 다음 명령어를 실행합니다.

flutterfire configure --project=프로젝트명

그다음 사용할 플랫폼을 선택하면 플랫폼별 앱이 Firebase에 자동으로 등록되고 

lib/firebase_options.dart 구성 파일이 Flutter 프로젝트에 추가됩니다

3. Firebase 초기화 및 플러그인 추가

설정을 하다 보면 firebase_options.dart은 자동으로 생성되어 있습니다! 

 

main.dart에서 Firebase.initializeApp을 호출하면 설정은 끝났습니다!  

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

void main() async {
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(const MyApp());
}