[Android] Firebase로 채팅 앱 만들기(1)

이직을 위해 구직활동을 하던 중 평소 눈여겨 보고 있던 회사에서 입사 제안이 와서 프로젝트 과제를 수행하게 되었다. 그 과제의 요구조건은 1:1 채팅 앱을 만들어보라는 것이었는데, 서버가 있다는 가정 하에서 진행을 해보라는 것이 내게는 참 막막했다. 그래서 어떻게 구현할 지 곰곰히 생각해보다가, 예전에 졸업작품을 만들 때 썼던 Firebase가 떠올라 검색을 해보니 Realtime Database를 통해 채팅 앱을 만들 수 있는 것 같아 나도 시도해보게 되었다. 그 결과 꽤나 보기좋은 형태의 결과가 나왔고, 이 과정을 글로 공유하고자 한다.

본래 회원가입 기능은 기능 요구사항에 포함되어 있지는 않았으나,

만들어두는 것이 추후 프로젝트 진행에도 편리할 것 같아 만들어보았다.

우선 처음 프로젝트를 시작하기 전, Firebase와 본인의 프로젝트를 연결해야 한다.

‘시작하기’를 눌러 이동해준다.

본인의 구글 계정으로 로그인해준다.

그럼 현재 연동된 프로젝트가 표시된다. 새 프로젝트를 만들기 위해 프로젝트 추가 버튼을 누른다.

만들 프로젝트의 이름을 간단하게 입력해준다.

계속을 눌러준다.

애널리틱스 계정을 위와 같이 설정해주고,프로젝트 만들기를 선택해준다.

조금만 기다리면 프로젝트가 만들어진다.

프로젝트가 만들어졌다. 이제 본격적인 연동을 위해 안드로이드 아이콘을 선택해준다.

앱의 패키지 네임을 입력하고, 앱 닉네임을 정해준다.

디버그 서명 인증서는 뒤에서 설명할 예정이다. 다음을 누른다.

다음으로 google-services.json을 다운로드하여 프로젝트의 app 폴더에 넣어주도록 한다.

난 위와 같이 내 프로젝트 폴더에 넣었다.

buildscript {

  repositories {
    // Check that you have the following line (if not, add it):
    google()  // Google's Maven repository
  }

  dependencies {
    // ...

    // Add the following line:
    classpath 'com.google.gms:google-services:4.3.10'  // Google Services plugin
  }
}

allprojects {
  // ...

  repositories {
    // Check that you have the following line (if not, add it):
    google()  // Google's Maven repository
    // ...
  }
}

다음으로 프로젝트 수준의 build.gradle 파일에 위와 같은 내용을 추가하고,

dependencies {
  // ...

  // Import the Firebase BoM
  implementation platform('com.google.firebase:firebase-bom:29.0.4')

  // When using the BoM, you don't specify versions in Firebase library dependencies

  // Declare the dependency for the Firebase SDK for Google Analytics
  implementation 'com.google.firebase:firebase-analytics-ktx'

  // Declare the dependencies for any other desired Firebase products
  // For example, declare the dependencies for Firebase Authentication and Cloud Firestore
  implementation 'com.google.firebase:firebase-auth-ktx'
  implementation 'com.google.firebase:firebase-firestore-ktx'
}

앱 수준의 build.gradle 파일에 위와 같은 내용을 추가해준다.

그 다음 프로젝트 상단에 표시된 ‘Sync now’라는 버튼을 눌러주면 연동은 완료된다.

참조

https://m.blog.naver.com/zoown13/222094002924https://cionman.tistory.com/72https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=traeumen927&logNo=221493556497https://lasbe.tistory.com/19