[Flutter] 3.0.2 Firebase 연동 방법!(사진 많음)

1. Firebase 프로젝트 생성하기 
 - firebase 공식 사이트에 들어가 로그인 후 프로젝트를 생성한다. 

사진 클릭하면 firebase 사이트로 이동

프로젝트 생성( 끝까지 계속 누르시면 됩니다!)

2. Flutter 앱에 Firebase 추가

 - firebase login을 터미널에 입력하여 vscode에 firebase를 로그인합니다.

vscode 터머널에 firebase login 실행합니다.

위에 명령어를 입력하여 단계 별로 실행합니다.

간혹 Warning: Pub installs executables into $HOME/.pub-cache/bin, which is not on your path. 와 같은 에러가 뜰 수 있습니다. 이럴 땐 export PATH="$PATH":"$HOME/.pub-cache/bin"를 터미널에 입력 후 dart pub global activate fvm 를 입력하여 실행한 후 다시 FlutterFire CLI 설치 및 실행하면 된다.

예시 화면 1

예시화면2

입력한다면 위에 화면과 같은 출력이 뜰 것이다. 그 후 enter를 누르면 위에 사진과 같은 출력이 나오면 yes를 선택하면 된다. 그 후 Platform Firebase App Id를 확인할 수 있다.

firebase 사이트에 들어가면 다음과 같이 연결된 것을 알 수 있다.

다음 단계 - firebase 초기화 및 플러그인 추가

3. 앱에서 Firebase 초기화

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

flutter pub add firebase_core

      b. Flutter 프로젝트 디렉터리에서 다음 명령어를 실행하여 Flutter 앱의 Firebase 구성이 최신 상태인지 확인합니다.

flutterfire configure

       c. lib/main.dart 파일에서 Firebase core 플러그인 및 앞에서 생성한 구성 파일을 가져옵니다.

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

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

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

       e. 다음과 같은 파일들이 생성된 것을 확인할 수 있다.