[Flutter] Firebase 안드로이드, IOS 설정

 개요

Firebase에서 안드로이드와 IOS 프로젝트 생성 및 설정하는 방법에 대해서 정리해보려고 한다.

 

 본문

Firebase 안드로이드 프로젝트 설정

firebase

1. Firebase 콘솔에서 생성한 프로젝트의 프로젝트 설정으로 이동

2. 내 앱 화면에서 안드로이드 아이콘 선택

firebase_setting

3. Flutter 프로젝트 하위 /android/app/build.gradle 파일의 applicationId를 android 패키지 이름에 복사 붙여넣기.

4. 앱 닉네임, 서명 인증은 선택사항이니 입력하고 [앱 등록]

5. google-service.json 파일 다운로드 후 Flutter 프로젝트 /android/app/src/ 하위에 추가

dependencies {
	classpath 'com.android.tools.build:gradle:7.1.2'
	classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
	classpath 'com.google.gms:google-services:4.3.13' // 추가
}

6. /android/build.gradle 파일의 dependencies에 classpath 'com.google.gms:google-services:4.3.13' 을 추가

apply plugin: 'com.android.application'
apply plugin: 'kotlin-android'
apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
apply plugin: 'com.google.gms.google-services' // 추가

7. /andorid/app/build.gradle 파일에 apply plugin: 'com.google.gms.google-services'을 추가

8. build.gradle 파일 두 개에 추가가 완료되었으면 gradle 파일 오른쪽 상단 위에 Open for Editing in Android Studio 실행하여 안드로이드 창에서 빌드를 진행한다.

빌드가 정상적으로 종료가 되었다면 괜찮지만 플러그인 버전과 안드로이드 프로젝트의 gradle 버전이 호환되지 않아 빌드 에러가 발생되는 경우가 있다.

https://developer.android.com/studio/releases/gradle-plugin?hl=ko#updating-plugin 여기를 참고하자.

 

Firebase IOS 프로젝트 설정

firebase_setting

1. Firebase 콘솔에서 생성한 프로젝트의 프로젝트 설정으로 이동

2. 내 앱 화면에서  앱 추가 > iOS 아이콘 선택

firebase_setting

3. Flutter 프로젝트 하위 /ios/Runner.xcodeproj/project.pbxproj 파일에 PRODUCT_BUNDLE_IDENTIFIER 값을 입력

4. 앱 닉네임이나 App Store ID는 선택사항이니 입력하고 [앱 등록]

5. GoogleService-Info.plist 다운로드

googleservice-info.plist

5. Open iOs module in Xcode로 IDE 실행

googleservice-info.plist

6. 프로젝트 Root에 GoogleService-Info.plist 파일 추가 후 REVERSED_CLIENT_ID 값 복사.

googleservice-info.plist

7. Ruuner -> Info -> URL Types에 + 버튼으로 추가를 선택하고 URL Schemes에 복사한 REVERSED_CLIENT_ID 값 붙여넣기

 

 마무리

안드로이드와 IOS의 Firebase 기본 설정은 이것으로 마무리되었다. 이제는 Flutter Firebase 연동을 할 차례이다. 다음 글에서 이어서 포스팅해야겠다.