Flutter + Firebase 연동

Firebase 연동

1. Firebase 콘솔이동 후 프로젝트 생성 -> 프로젝트 이름입력

 

2. 애널리틱스는 활용도가 많고 기본적으로 적용하는 기능이기에 사용설정 그대로 두고 계속

 

3. 애널리틱스 계정 선택 또는 생성 후 적용, 애널리틱스 위치는 미국으로 두고 계속

 

4. 필요한 패키지 다운로드 (/pubspec.yaml)

firebase_core: ^3.1.1

 

5. Firebase 콘솔에서 우측에 있는 Flutter 아이콘을 눌러 연동 시작

 

6. Firebase CLI 설치 및 로그인, 실행 

 

터미널에서 아래값 입력

npm install -g firebase-tools

firebase login

 

다음 단계에 나오는 명령어들을 터미널에 입력

 

만약 아래와 같이 경고가 뜬다면 터미널에 export PATH="$PATH":"$HOME/.pub-cache/bin"입력

 

위의 방법이 안될 경우 아래와 같은 방법으로 해결, 비밀번호는 android이다.

keytool -list -v -alias androiddebugkey -keystore ~/.android/debug.keystore

 

 

Platform선택의 경우 사용하고자 하는 플랫폼에 맞게 선택(Space bar를 통해 선택가능) 후 엔터

 

7. Firebase 연동코드 추가

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

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

  runApp(const MyApp());
}

 

8. Firebase 콘솔 -> 톱니바퀴 모양 클릭을 통해 프로젝트 설정 페이지로 이동

 

9. 기본 GCP us-central로 설정

 

10. 안드로이드 디지털 지문추가(하단의 메뉴 중 안드로이드 클릭)

 

[10 - 1] 터미널에 cd android && ./gradlew signingReport 입력

 

[10 - 2] 터미널에 쭉 뜨는 리스트 중 최상단의 debug정보로 등록(안드로이드느 추후 출시시 PlayConsole에서 얻은 sha정보도 등록해야함)

 

11. iOS App Store ID 추가

[11 - 1] 애플 개발자페이지 AppStore -> 앱 선택 -> 좌측 메뉴 중 일반 정보 -> 앱정보 하단의 "일반 정보"에 있는 Apple ID 입력

 

[11 - 2] Firebase에 입력

 

12. GCP 설정

[12 - 1] Firebase 프로젝트 설정 페이지의 클라우드 메시징 탭 클릭 후 "Firebase Cloud Messaging API(V1)"우측의 점3개 메뉴 클릭 후 콘솔에서 관리 클릭( 구글에서 GCP 검색 후 접속도 가능)

 

[12 - 2] GCP의 좌측 메뉴에서 "API 및 서비스" -> "사용자 인증정보"클릭

 

[12 - 3] 경고표시되어있는 부분들을 수정해줘야 한다.

 

[12 - 4] iOS key클릭 -> "iOS 앱"클릭 -> iOS 제한사항 -> +버튼클릭 -> 번들ID입력

 

[12 - 5] API 제한사항에서 키제한안함으로 두고 저장

 

[12 - 6] Android 선택 -> Android앱 선택 -> Android 제한사항에서 +ADD버튼 클릭 후 패키지이름과 SHA-1입력 후 저장

패키지이름과 SHA-1은 Firebase에 연동되어있는 정보를 입력합니다

 

[12 - 7] API 제한사항에서 키제한안함으로 두고 저장