FCM(Firebase Cloud Messaging) 개념및 아키텍처

 

 

 

 

 

🤷‍♂️ 본론에 앞서

---

 

 

 

Firebase Cloud Messaging(FCM)? 앱에서 알람,공지을 보내기위해서 사용되는 알림을 보내는 도구입니다.

우리가 사용하는 앱/웹에서 우리는 알림을 공지, 업데이트, 알림을 휴대폰 메세지로 받는데 이 푸시 알림을 보낼수 있도록 도와주는 클라우드 기반 메세징 솔루션 기술입니다.

저는 Nest.js 백엔드로 FCM을 구축해서 푸시알림 서비스를 개발할 예정이지만 개발에 앞서 FCM의 개념및 아키텍처를 알아보겠습니다.

 

FCM 이란?

💡 Firebase Cloud Messaging(FCM)는 Google Firebase 플랫폼에서 제공하는 메시징 서비스로 서버에서 사용자들 핸드폰으로 푸시 메시지를 안정적으로 전달할 수 있는 방법을 제공합니다. 이를 통해서 다양한 핸드폰기기와 사용자에 맞춰서 실시간 알림 서비스를 할 수 있습니다. 

 

 

🤷‍♂️ FCM의 주요기능?

---

FCM 기술에 주요 기능은 다음과 같습니다.

1. 다양한 푸시 알림 형식: 단순 텍스트, 이미지, 액션 버튼 등 다양한 형식의 푸시 알림을 지원하여 알림의 가시성과 사용자 경험을 향상시킵니다.
2. 대상 지정: 주제(topic) 구독, 기기 등록 토큰을 사용하여 메시지를 특정 그룹 또는 개별 기기로 전송할 수 있습니다.
3. 백그라운드 데이터 동기화: FCM을 사용하면 앱이 백그라운드에 있는 동안에도 데이터를 동기화하거나 작업을 수행할 수 있어 사용자 경험을 향상시킵니다.

 

FCM을 사용해서 푸시 알림을 보내는 이유?

사용자에세 푸시 알림 서비스을 보내기 위해서 FCM 도구를 활용합니다.

그럼 왜? FCM 도구를 사용하는 것일까?

• 기존에 ios, Android, web등의 플랫폼에서 푸시 알림을 보내기 위해서는 각 플랫폼 환경에 맞춰서 개발해서 푸시 알림을 보내야 되는데 FCM활용하면 호환성 문제를 쉽게 해결합니다.
• FCM 교차 플랫폼 메시지 솔루션 이기때문에 다른 플랫폼에 종속되지 않고 푸시 알림을 전송할 수 있습니다.

 

🤷‍♂️ FCM 아키텍처?

---

FCM 동작은 다음과 같습니다.

1. 서버에서 FCM 서버로 HTTP Request를 POST 메서드 방식으로 요청
2. FCM 서버에서 HTTP Response 응답
3. ios, Android, web 기기 환경에 맞춰 메시지 변환
4. FCM 서버에서 사용자 앱으로 푸시알림
5. 앱에서 받은 알림을 처리하고 응답

 

FCM 동작 원리

송신자, FCM 백엔드 서버, 수신자 3개로 구분됩니다.

• 송신자: 주로 앱서버, HTTP 기반에 서버, Firebase Console GUI 등등, ios, Android 운영체제를 사용하는 모바일 기기
• FCM 백엔드 서버: 실질적으로 앱 서버에서 요청을 받아서 처리하는 firebase 서버
• 수신자: ios, Android, web FCM 메세지를 받는 사용자

 

FCM 사용하기 위한 서버 환경 구성

FCM 백엔드 서버와 통신을 하기위한 서버를 구축하기 위해선 다음 3가지 규칙을 지켜야 합니다.

• FCM 백엔드 서버에 지정한 데이터 셋 형식에 맞춰서 요청을 보내야합니다.
• 지수 백오프를 사용하여 요청을 처리하고 다시 보낼 수 있어야 합니다.
  • 지수 백오프란? 요청이 실패할 때마다 재요청을 지연시키는 알고리즘
• 서버 승인 사용자와 인증정보와 클라이언트 푸시 토큰을 안전하게 저장해야합니다.
  • 서버 승인 사용자의 인증 정보 Authentication 정보
  • 클라이언트의 등록 토큰: 메시지를 보내고자 하는 사용자 디바이스의 정보

 

FCM 공식문서

https://firebase.google.com/docs/cloud-messaging/send-message?hl=ko#node.js_5​

 

 

 

🤷‍♂️ 마지막으로

---

우리가 핸드폰에서 흔히 받는 알림서비스를 FCM 도구를 활용해서 개발할 수 있습니다.

FCM 도구를 활용해서 앱이나 웹에서 중요한 정보를 고객들에게 빠르고 안전하게 전달받을수 있도록 도와주는 서비스라고 생각합니다.

FCM 개념, 동작원리, 서버환경에 필요한 부분들을 알아보면서 처음 알게된 내용도 많았고 더 자세한 정보를 공유하지는 않았지만 중요한 핵심 포인트를 정리해봤습니다.

 

 

 

---

 

재밌는 오늘의 띠별 운세 보고 가세요! 

 

 

https://cometruedream.tistory.com/247

[React] Tailwind 한줄, 두줄, 세줄 효과 className 커스텀

 

 

https://cometruedream.tistory.com/243

NestJS Lifecycle (생명주기) 개념

 

 

https://cometruedream.tistory.com/242

리액트 Vite Proxy 활용한 CORS 오류 해결

 

 

https://cometruedream.tistory.com/241

React 폴더구조 FSD 기능 분활 설계 아키텍처

 

 

https://cometruedream.tistory.com/244

쉽게 이해하고 사용할수 있는 Prisma 명령어 정리