Flutter

[Android] Firebase - Flutter 연결하기

모리선생 2023. 4. 25. 17:50
728x90

목표

Firebase와 flutter 연결 방법을 알아보자. Firebase가 무엇인지 이해하고 활용할 수 있는 방법이 무엇인지 알아보자.


1. 파이어베이스 (Firebase)?


Firebase는 구글이 제공하는 클라우드 기반 모바일 및 웹 어플리케이션 개발 플랫폼. Firebase는 다양한 서비스를 제공하여 개발자들이 간단하고 빠르게 어플리케이션을 개발할 수 있도록 지원한다.

Firebase가 제공하는 서비스로는 다음과 같은 것들이 있다:

1. 실시간 데이터베이스: 클라우드 기반의 NoSQL 데이터베이스. 실시간으로 데이터를 동기화하여 여러 플랫폼에서 실시간으로 데이터를 공유 가능.

2. 인증: OAuth 및 기타 인증 방식을 사용하여 사용자 인증 및 보안 관리를 간편하게 처리.

3. 스토리지: 클라우드 기반의 파일 스토리지 서비스입니다. 이미지, 비디오, 문서 등 다양한 파일을 저장하고 관리.

4. 클라우드 메시징: 모바일 기기로 푸시 알림을 보낼 수 있는 서비스.

5. 애널리틱스: 어플리케이션의 사용자 동작 및 트래킹 정보를 수집하고 분석.

6. 호스팅: 어플리케이션의 웹 호스팅 및 정적 파일 호스팅을 제공.

Firebase는 개발자들이 모바일 및 웹 어플리케이션 개발에서 발생할 수 있는 많은 문제들을 해결해주는 강력한 툴. 또한, Firebase의 각 서비스들은 API를 통해 개발자들이 손쉽게 사용할 수 있도록 설계.

 

자 그럼 본격적인 연결 시작

 

2. Firebase Project 생성

3. Firebase의 프로젝트 이름을 설정

4. 다음단계는 일단 '계속'을 눌러 진행

5. 애널리틱스는 구글에서 제공하는 것으로 기본 설정

6. 프로젝트 생성중 (약 1분 소요)

7. 생성이 완료되면 어떤 플랫폼에서 생성을 할지를 물어보는데 일단은 Android를 선택하자. (ios는 다음에 다루도록 하겠다)

8. Android 앱에 Firebase 추가

일단 가장 먼저 넣을 것은 패키지 이름인데 build.gradle 파일의 applicationID이다.

이것이 어디있냐고 한다면 android > app > build.gradle에 보면 있다.

그리고 이렇게 applicationID가 존재한다.

그런 다음 앱등록을 클릭.

9. Android 앱에 Firebase 추가

말하는 것처럼 app 수준에 google-services.json을 넣는다.

그런 다음 Firebase SDK를 추가하자. 비교를 해보면 class path가 빠진 것이 보인다.

추가 완료!

10. app 수준의 build.gradle에서 plugins와 dependencies를 추가해준다. 자, 여기서 주의할 점은 app 수준의 build.gradle이다. android 수준의 build.gradle이 아니다.

이렇게 하라고 했으니 나도 이렇게 적어줬다.

apply plugin: 'com.android.application'
apply plugin: 'kotlin-android'
apply plugin: 'com.google.gms.google-services'
apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
dependencies {
    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
    implementation platform('com.google.firebase:firebase-bom:31.5.0')
    implementation 'com.google.firebase:firebase-analytics-ktx'
    implementation 'com.android.support:multidex:2.0.1'
}

자 그럼 동기화를 하겠다라는 단추를 눌러주면 기본 설정이 완료가 되었다.

 

다음에는 로그인을 할 수 있는 UI와 설정 방법을 적어보고자 한다.

728x90

'Flutter' 카테고리의 다른 글

[Android]Firebase-Logout 구현 + 로그인한 사람 표시  (0) 2023.04.26
[Android] Firebase-Login 구현하기  (0) 2023.04.25
[Package] flutter_animate  (0) 2023.04.23
[UI] Rain effect 만들기  (0) 2023.04.23
[UI] 증기 (Steam) 만들기  (0) 2023.04.21