React-Native 이타인클럽 앱 Firebase Cloud Messaging Test

이전 셋업글에 이어서 메시지 테스트를 진행해 보겠습니다.

For non-Korean users, I attached all the detail images, so you can follow this test.

첫 번째 메시지 보내기

Firebase 콘솔로 이동합니다. 아래 그림에서 Send you first Message를 클릭합니다.
https://console.firebase.google.com

메시지 입력

여러분이 입력하고 싶은 거 마음대로 다 입력해 봅니다.

이타인클럽 함께 만들어가실 분을 찾습니다!

Target 앱 설정

아래와 같이 이전에 만들었던 앱을 선택합니다.

메시지 리뷰

타깃앱을 선택하면, 아래와 같이 메시지 리뷰 버튼이 활성화 되고, 리뷰 후 메시지를 보냅니다.

메시지 수신 확인

이제 메시지가 오기만을 기다립니다!

그런데 오지 않습니다. 지금 설정한 것은 앱이 꺼져 있는 상태에서 메시지를 수신하도록 한 것입니다. AVD 가상 장치에서 앱을 종료합니다. 그리고 다시 메시지를 보내봅니다. 아래 그림에 메시지가 두 개인 것이 이 이유입니다. 딸랑~ 하고 반가운 메시지가 옵니다.

실제 기기에서 수신 확인

안드로이드 기기를 연결합니다. 그리고 아래와 같이 앱을 설치합니다. 만약 기존에 동일한 앱이 깔려 있다면 먼저 삭제한 후에 아래와 같이 실행합니다. 이 때, 기기 연결과 USB Debug 모드가 켜져 있는지 확인합니다.

$ react-native run-android

이 때도, 앱을 설치하고, 앱을 종료해야 메시지를 받을 수 있습니다. 앱 설치가 완료되면, 앱을 기기에서 종료시킵니다.

반가운 메시지가 도착했습니다. 기기 2개에서 테스트한 결과 모두 동시에 수신합니다.

---

이것으로 React-Native앱에서 Firebase Cloud Messaging을 이용한 메시지 보내기 설정 및 테스트를 마칩니다.

개발을 먼저할까 하고 미뤄뒀었는데, 정리 끝내고 나니 개운하네요!