[Flutter&Firebase 커뮤니티 앱개발] 03. flutter 프로젝트와 연동한 firebase 프로젝트 생성하기

내 플러터 프로젝트에 연동할 파이어베이스 프로젝트를 전시간에 설치한 firebase_cli를 이용하여 생성하겠습니다.

 

1. 파이어베이스 로그인 및 firebase_cli 열기

 

cmd 열고 firebase login 입력 후 파이어베이스에 접속할 구글 계정을 선택하여 로그인합니다

firebase login

 

 

생성하고자 하는 이름으로 파이어베이스 프로젝트를 만듭니다 (저는 여기서 flutterfirebase-bbangsang 이라는 이름 사용)

 

명령어:

firebase projects:create flutterfirebase-bbangsang

firebase projects:create flutterfirebase-bbangsang

 

firebase_cli를 열어줍니다

 

명령어:

flutter pub global activate flutterfire_cli

flutter pub global activate flutterfire_cli

 

위 작업의 결과로 Warning: Pub installs executables into C:\Users\eyj95\AppData\Local\Pub\Cache\bin, which is not on your path. 라는 워닝 메시지가 뜨면(구체적인 디렉토리는 사람마다 다르게 뜸) 해당 워닝 메시지에 표시된 디렉토리를 path 등록을 해줘야 합니다. (시스템 환경 변수 편집 > 환경 변수 > Path > 편집 > 새로 만들기 > (위 경로 입력) > 확인)

 

2. 방금 생성한 firebase 프로젝트와 내 플러터 프로젝트 연동시키기

 

위에서 생성한 firebase 자원들(auth, 데이터베이스, 스토리지 등등..)을 연동하여 사용할 플러터 프로젝트의 루트디렉토리 안으로 이동해줍니다. (전전 시간에 생성한 플러터 프로젝트 루트디렉토리-->  D:\flutter_apps\flutterfirebase_test1 )

명령어:

d:

cd D:\flutter_apps\flutterfirebase_test1

 

cd D:\flutter_apps\flutterfirebase_test1

 

파이어베이스와 연동하고자 하는 플러터 프로젝트 안으로 이동했으면 flutterfire configure --project=[연동할 파이어베이스 프로젝트 이름] (현재 연동할 파이어베이스 프로젝트 이름이 flutterfirebase-bbangsang 이므로 flutterfire configure --project=flutterfirebase-bbangsang 라고 입력합니다.)

 

만약 Unable to find git in your PATH 에러가 날 시 git을 설치해줍니다.

 

*깃 설치

https://git-scm.com/downloads

Git - Downloads

 

위 홈페이지에서 깃 다운로드 프로그램 설치 후 설치 진행 (디폴트로 쭉 Next눌러서 설치할것) 

 

 

깃까지 설치했다면 다시 flutterfire configure --project=flutterfirebase-bbangsang 입력 ( flutterfirebase-bbangsang대신 여러분이 만들어준 firebase 프로젝트 이름 넣을것)

 

 

정상적으로 명령어가 동작한다면 아래와같이 생성할 앱 플랫폼을 선택하는 창이 나옴 (android, ios, macos, web, windows총 5가지-->현재는 android 선택하기)

android 선택

 

android를 선택했다면 앱 id를 입력하라는 문구가 나옴 (com.example.app에서 example과 app을 여러분이 원하는 이름으로 변경해주세요 --> ex) com.bbangsang.flutterfirebase1)

앱id 입력

 

 

앱 id까지 입력하였으면 아래와같이 뜨면 성공적으로 파이어베이스와 플러터 프로젝트가 연동된것입니다.

 

 

 

3. 해당 플러터 프로젝트에 파이어베이스 라이브러리를 사용하기 위해 꼭 필요한 패키지들 설치

 

flutter pub add firebase_core
flutter pub add cloud_firestore
flutter pub add firebase_auth
flutter pub add firebase_storage

 

 

4. 연동 확인

 

1) VS코드에서 해당 플러터 프로젝트를 열어서 루트디렉토리에  firebase_options.dart파일이 생성되었는지 확인

firebase_options.dart

 

2) 해당 플러터 프로젝트 안에있는 pubspec.yaml파일에도 설치한 파이어베이스 관련 패키지들 확인가능

pubspec.yaml

 

3) firebase Console에 가서 직접 생성된 파이어베이스 프로젝트 확인 (cmd에서 firebase login할때 썼던 동일한 구글 계정으로 접속해야함)

 

연동한 파이어베이스 프로젝트 대쉬보드

연동한 파이어베이스 프로젝트 설정

 

 

이렇게 플러터 프로젝트에 파이어베이스의 기능들을 사용할 모든 준비를 마쳤습니다.

다음 시간부터는 이렇게 연동된 파이어베이스의 데이터베이스를 DB로 쓰는 간단한 커뮤니티 앱을 플러터로 직접 구현해보겠습니다.