[Flutter][FireBase] 연동 기본 지침서(Flutter 3.0버전은 짱쉽게 가능)

이상우·2022년 7월 13일

Firebase flutter flutter3.0

<공식 문서를 참고하자>
[공식문서]Flutter 앱에 Firebase 추가

<유투브를 참고하자>
[코딩쉐프]Flutter3.0 FireBase 연결하기

1. FireBase CLI 설치

독립 실행형 바이너리 (Node.js 16버전 설치)
FireBase CLI 설치

2.환경변수 설정

FireBase CLI 다운로드 경로 환경변수 설정
FireBase CLI 실행

3.FireBase 로그인하고 프로젝트 생성하기

FireBase 로그인

$ firebase login

FireBase 프로젝트 생성

$ firebase projects:create 프로젝트명(영어로)(따음표 없음)

4.FireBase 로그인하고 프로젝트 생성하기

Flutter 플랫폼 선택
명령어 입력

1. flutterfire_cli 프로그램을 설치합니다.

$ dart pub global activate flutterfire_cli

윈도우는 C:\Users\어쩌구\AppData\Local\Pub\Cache\bin 이런거 환경변수에 등록하라고 나오는데 환경변수 - Path 부분을 누르고 편집 - 터미널에 나왔던 c:/부터 시작하는 긴 코드를 하단에 추가합니다. 끝

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

your-flutter-proj$ flutter pub add firebase_core

3. flutterfire configure 명령어 입력

your-flutter-proj$ flutterfire configure

그럼 Flutterfire 패키지가 님들 플러터 프로젝트에 Firebase 셋팅 도와줄 것임

에러나면 에디터 재시작하면 잘됩니다.

이제 터미널에서 방향키와 엔터로 여러가지 선택하면 되는데

프로젝트 선택하라고 하면 님들 아까 만든 Firebase 프로젝트명 선택하면 됩니다.
플랫폼 체크하라고 하면 개발 중인 플랫폼 선택합니다. iOS, Android 이런거요 (체크는 스페이스바)
무슨 Bundle ID 쓰겠냐고 물어보면 아까 Firebase Console에서 입력한 앱 id 넣으면 됩니다. com.어쩌구.저쩌구 그거요

(터미널 창이 너무 작으면 입력안되는 버그가 있습니다 창키우거나 폰트사이즈 줄여보셈)

[마지막 코드 세팅]

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );

  runApp(어쩌구~~);

}

[firebase configure 에러 잡기]

에러내용(뭐 최신버전으로 바꿔달라 하는 에러임)

PS C:\Users\sangwoolee\companyapp> flutterfire configure
i Found 0 Firebase projects.
FirebaseCommandException: An error occured on the Firebase CLI when attempting to run a command.
COMMAND: firebase --version 
ERROR: The FlutterFire CLI currently requires the official Firebase CLI to also be installed, see https://firebase.google.com/docs/cl
i#install_the_firebase_cli for how to install it.

[해결방법]