Data is Answer

firebase flutter 연결 설정 방법

연결방법은 크게 세가지 파트로 나뉩니다.

- firebase console 에서 프로젝트 만들기

- firebase cli 를 이용하여 flutter project 에 init / configure 하여 firebase+flutter attach 하기

- simple example

이번 포스팅에서는 코드 실행을 다룰 예정이니 세팅 관련해선 이전 포스팅을 꼭 참고하세요!

https://wayfarer99.tistory.com/entry/Flutter-Firebase-%EC%B4%88%EA%B0%84%EB%8B%A8-%EC%97%B0%EA%B2%B0%EB%B0%A9%EB%B2%95-%EC%84%B8%ED%8C%85%ED%8E%B8

Code execution 을 해보겠습니다.

1. 빌드를 위해 build.gradle(app) 을 수정해야 합니다.

- android > defaultConfig 에서 minSdkVersion 19 로 수정

- android > defaultConfig 에서 multiDexEnabled true 추가

2. 아래 링크에 들어가면 firebase_analytics 예제코드를 실행해 보겠습니다. main.dart 와 tabs_page.dart 를 /lib 폴더에 추가합니다. 실행하기 전에 'flutter pub add' 를 이용하여 패키지 설치도 해주세요. 

https://github.com/firebase/flutterfire/tree/master/packages/firebase_analytics/firebase_analytics/example/lib

3. 실행 결과입니다.

확실히 블로그로 글을 남기고 나니, 장기기억화에 도움이 많이 되는거 같습니다.

도움이 되셨다면 공감버튼 OR 댓글 부탁드립니다.

다음 내용은 cloud firestore 에 대해서 실습해보도록 하겠습니다.

연결방법은 크게 세가지 파트로 나뉩니다.

- firebase console 에서 프로젝트 만들기

- firebase cli 를 이용하여 flutter project 에 init / configure 하여 firebase+flutter attach 하기

- simple example

위 내용을 순서대로 적어두었습니다.

1. Firebase 에 가입합니다. https://console.firebase.google.com/

- 구글 계정만 있으면 3초면 가입가능합니다.

2. '프로젝트 추가'를 누르고, DB가 provisioning(init 과정이라고 생각하시면 됩니다.) 되길 기다립니다(1~2분 소요)

3. 생성된 프로젝트로 들어온 후 제일 우측에 있는 Flutter 아이콘 클릭.

4. 아래 그림에 Firebase CLI 설치 와 Flutter SDK 를 설치합니다. 이 글을 보시는분들 대부분 Flutter SDK 는 설치되어있으실거라 생각합니다.

5. 터미널이나 cmd창을 이용해 'flutter login' 을 쳐줍니다. Flutter CLI 를 설치하고 PATH 설정을 해줬는데도, VSCODE 에서 실행이 되질 않아서, cmd 창에서 프로젝트 경로에서 실행했습니다.

6. 터미널에서 'dart pub global activate flutterfire_cli' 실행

7. project 에 드디어 firebase 붙이는 설정 cmd 를 실행합니다. 'flutterfire configure'

아래처럼 오류가 나서 'firebase projects:list --json' 을 실행하고 나서 다시 입력하니 잘됩니다. 위에서 만들었던 firebase project 를 선택합니다.

8. 다음 릴리즈하실 플랫폼 선택 후 완료하시면 아래처럼 연결이 완료됩니다.

이제 코드로 연결확인 할 차례입니다. VSCODE 로 들어가려고 하는데,

내용이 길어지니 다음 포스팅에 계속하도록 하겠습니다.

감사합니다.