[안드로이드&&Firebase] Node.js 웹 서버를 사용해 FCM 푸시알람 전송 방법(1)

안녕하세요! 

이번에 프로젝트를 하면서 데이터 변경값이 바뀌는걸 subscribe해 푸시알람을 보내는걸 구현하려다가 거의 2~3주 동안

불태워버렸어요 ㅋㅋ 

처음엔 웹 서버가 뭔지 어떻게 서버를 만들어야 할 지 몰라 엄청 고생을 하고 해맸습니다.

저 같은경우는 Android + Firebase + Node.js를 사용하였는데요  

오늘은 우선 기본적으로 수동으로 보내는 방법을 알아보려고 합니다.

FCM은 Firebase Cloud Messaging의 약자로 무료로 메시지를 전송할 수 있는 플랫폼 메시징 솔루션입니다.

자 간단하게 얘기를 하자면 휴대폰을 사용하다 보면 A라는 앱의 (광고!) 몇 시까지 XX 세일 ! 이라면서 1~2초동안 푸시알람이 가는것을 보신 적이 있으실거예요!

네 이런 느낌이구요.

자그러면 어떻게 구현을 하느냐?

우선 console.firebase.google.com/

에 접속 후 로그인해주세요

프로젝트 추가를 눌러 프로젝트를 만들어줍니다.

Android 클릭

패키지이름은

앱 수준의 build.gradle applicationID를 붙여넣습니다.

앱 닉네임은 편하게 적으셔두 되구요

디버그 서명 인증서 SHA-1은 안드로이드 우측 Gradle -> Tasks -> android -> signingReport를 더블클릭하면 아래에 SHA-1 번호가 나옵니다. 마저 추가해주세요

그 이후로는 google json 파일을 안드로이스튜디오에 넣어줘야합니다.

다운로드받은 후

디렉터리 보기를 project로 바꾼 후 app폴더에 넣어주세요

자 그러면 연동의 마지막 입니다 !

프로젝트 수준의 build.gradle에 google을 추가해줍니다.

buildscript {
  repositories {
    // Check that you have the following line (if not, add it):
    google()  // Google's Maven repository
  }
  dependencies {
    ...
    // Add this line
    classpath 'com.google.gms:google-services:4.3.4'
  }
}

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

다음은 앱수준의 build.gradle에 추가해줍니다.

apply plugin: 'com.android.application'
// Add this line
apply plugin: 'com.google.gms.google-services'

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

  // Add the dependency for the Firebase SDK for Google Analytics
  // When using the BoM, don't specify versions in Firebase dependencies
  implementation 'com.google.firebase:firebase-analytics-ktx'

  // Add the dependencies for any other desired Firebase products
  // https://firebase.google.com/docs/android/setup#available-libraries
}

해주시고 sync! 

그리고 파이어베이스 사이트로 가서 다음을 누르면 설정이 끝났습니다 ! 

안드로이드스튜디오 Tools -> Firebase누릅니다 (그 전에 안드로이드 스튜디오에서 google로그인을 하셔야합니다)

Set up Firebase Cloud Messaging을 누릅니다 

1, 2번을 추가해줍니다(저 같은 경우에는 이미 되어있기 때문에 체크 돼있습니다.)

자그럼 모든 연동은 끝났습니다 ! 

우선 처음 접하시는 분들을 위해 모두 그림으로 준비를 해드렸습니다 ! 여기까지 따라오시면 다음 포스팅에서 수동으로 푸시알람을 보내는 안드로이드 코드 + 파이어베이스 클라우드 메시지까지 알아보겠습니다 

감사합니다.

 

본 포스팅은 학부생이 작성한 포스팅으로 잘못된 점이 있을 수 있습니다.

혹시 잘못 된 점이 있다면 말씀해주시면 감사하겠습니다.