플러터 3.0 업데이트 이후 파이어베이스 연동하기 (2/2)

플러터 파이어베이스 연동하기

플러터-파이어베이스-연동하기01

① 파이어베이스 연동을 도와주는 firebase cli 검색

👉 https://firebase.google.com/

플러터-파이어베이스-연동하기02

② Windows 클릭 후 Windows용 Firebase CLI 바이너리 클릭하여 다운로드

플러터-파이어베이스-연동하기03

③ 저는 C드라이브 firebase 폴더 만들고 Firebase CLI 바이너리 설치파일을 넣었습니다.

※ firebase-tools-instant-win.exe -> firebase로 꼭 수정하기

플러터-파이어베이스-연동하기04플러터-파이어베이스-연동하기05

④ 환경변수 실행 후 환경 변수 클릭

플러터-파이어베이스-연동하기06

⑤ Path 편집하여 아래의 2개 경로 새로 만들고 확인

C:\firebase

C:\User\계정명\AppDat\Local\Pub\Cache\bin

플러터-파이어베이스-연동하기07

⑥ 위의 처럼 firebase 있는 폴더에서 주소창에다가 powershell 입력 후 엔터

플러터-파이어베이스-연동하기08

⑦ powershell에서 firebase 입력 후 firebase login 입력

정보제공 동의여부로 노란색 메세지 Allow Firebase to collect CLI usage and error reporting information? (Y/n) 가 뜨면 Y 입력 후 엔터

이후 계정 선택하고 Firebase CLI에서 구글계정 엑세스 허용하면 Firebase CLI Login이 성공했다고 나올것이다.

플러터-파이어베이스-연동하기09

⑧ 프로젝트 첫 화면에서 플러터 모양 아이콘을 클릭

플러터-파이어베이스-연동하기10

플러터-파이어베이스-연동하기11

⑨ 다음 클릭 후 해당 파워쉘에 해당 명령어 붙여넣기 dart pub global activate flutterfire_cli

플러터-파이어베이스-연동하기12

⑩ 기존 에 firebase.exe 있던 경로 열어서 안드로이드 스튜디오 프로젝트 경로로 복사 

플러터-파이어베이스-연동하기13

⑪ cd /d 경로명 : 프로젝트 경로로 이동

플러터-파이어베이스-연동하기14

플러터-파이어베이스-연동하기15

⑫ 두번째 명령어 flutterfire configure –project=home0518-f0eed 를 복사하여 powershell에서 붙여넣기

👉 이후 iOS, Android, Web 등 어느 플랫폼을 구성할지 스페이스바를 눌러 체크한다.

플러터-파이어베이스-연동하기16

⑬ 마지막으로 안드로이드 스튜디오 돌아와 해당 프로젝트에 firebase_options.dart 파일이 자동생성 되었다면 성공적으로 완료 된것입니다.

👉 관련 패키지가 아직 없기 때문에 빨간 밑줄이 그어져 있습니다

https://inforefine.com/%ed%94%8c%eb%9f%ac%ed%84%b0-3-0-%ec%97%85%eb%8d%b0%ec%9d%b4%ed%8a%b8-%ec%9d%b4%ed%9b%84-%ed%8c%8c%ec%9d%b4%ec%96%b4%eb%b2%a0%ec%9d%b4%ec%8a%a4-%ec%97%b0%eb%8f%99%ed%95%98%ea%b8%b0-1-3/

 

Leave a Comment