[Flutter] Cli로 flutter project와 firebase project 연동하기

기존에 flutter project와 firebase를 연결하려고 할 때, firebase에서 프로젝트를 만들고, flutter 앱을 연동하여 사용한 경우가 많았을 것입니다. 이러한 방식의 경우에는 json 파일도 추가해줘야 하고, gradle 파일에도 다양한 코드들을 추가해줘야 합니다. 하지만 cli를 사용해 firebase에 앱을 추가하게 된다면 이러한 과정들을 거칠 필요가 없어집니다. 

 

먼저 Cli란, 가상 터미널 또는 터미널을 통해 사용자와 컴퓨터가 상호작용하는 방식을 뜻합니다. 

 

1. firebase에서 프로젝트를 생성

이 때, 앱을 추가해주실 필요는 없습니다. 저희는 cli를 통해 앱을 추가할 것입니다 !

 

2. firebase cli 설치

저의 경우에는 window를 사용하고 있고, npm이 미리 설치되어 있었기 때문에 npm을 통해 cli를 설치하였습니다.

만약 npm이 설치되어 있지 않으시면, npm 설치 과정을 거치시고 cli를 설치하시면 됩니다. 

 

MAC:

curl -sL https://firebase.tools | bash

Window:

npm install -g firebase-tools

 

3. firebase login

firebase login

cli가 정상적으로 설치되었다면 firebase에 로그인을 해야합니다. 

저의 경우에는 이미 로그인이 되어 있어서 다음과 같이 출력되었습니다. 

 

 

4. 프로젝트 리스트 찾기

firebase projects:list

 

5. Flutterfire cli 설치

dart pub global activate flutterfire_cli

 

6. Flutterfire가 설치되었는지 확인

flutterfire -—help

명령어가 정상적으로 실행한다면 flutterfire가 제대로 설치된 것입니다. 

 

7. Firebase에 Flutter 앱 추가

flutterfire configure

이 명령을 실행하면 사용할 firebase 프로젝트와 설정할 플랫폼을 선택하라는 메세지를 볼 수 있습니다. 

 

- 사용할 프로젝트를 선택 

 

- 사용할 플랫폼을 선택 

 

8. 완성

프로세스가 완전히 끝나면 이런 메세지가 출력되는 것을 보실 수 있습니다. 

 

 

 

 

https://firebase.google.com/docs/cli#mac-linux-npm

Firebase CLI 참조  |  Firebase 문서

https://firebase.google.com/codelabs/firebase-get-to-know-flutter#3

Flutter용 Firebase 알아보기

https://firebase.google.com/codelabs/firebase-auth-in-flutter-apps#2

FirebaseUI를 사용하여 Flutter 앱에 사용자 인증 흐름 추가