안녕하세요. 모우다 팀의 상돌(이상진) 입니다 😄. 드디어 모우다 서비스에서 웹 알림 기능이 구현되었습니다👏👏

이번 글에서는, 1. Firebase 개요 2. 서버단에서의 구현 과정의 순서로 이번 웹 알림 기능 구현 과정을 공유하고자 합니다. 저도 이번에 처음 사용해본거라 설명이 부실할 수도 있는데, 최대한 이해 가도록 작성해볼게요!

Firebase가 뭔지..와 어떻게 등록 / 사용하는지에 대한 개념적인 내용은 공식 문서에 자세히 설명되어 있어 이번 글에서는 실제 구현 과정을 위주로 작성하겠습니다.

Firebase Cloud Messaging 개요

지금부터 우리(모우다) 서버는 서버, Firebase Cloud Messaging 서버는 FCM 서버라고 작성할게요.

알림 기능이 작동하는 과정은 공식 유튜브에 너무 친절하게 설명되어있긴 한데, 간단하게 요약해보면

1. 사용자를 FCM 서버에 등록한다.
2. 서버에서 사용자를 식별하고, FCM 서버에게 알림을 보내도록 지시한다.

정말 간단한 과정이지만, 우리 모우다 서비스에서 진행되는 과정으로 조금 더 자세히 풀어볼게요.

1. 회원이 로그인을 한다.
2. 알림 허용 / 거부를 물어본다.
3. 사용자가 허용을 누른다면 클라이언트에서 Firebase 에 토큰을 요청하고 얻어온 뒤, 로그인 된 회원의 토큰과 함께 서버에 POST 요청을 보낸다.
4. 서버는 회원 정보와 토큰을 DB에 저장한다.
5. 이후에 알림을 보낼 때는, 알림을 보낼 회원의 정보를 이용하여 FCM 토큰을 찾은 뒤 이를 이용하여 FCM 서버에 알림 전송을 요청한다.

즉, 클라이언트는 FCM 토큰을 받아 서버에게 저장 요청만 해주면 되고, 서버는 저장된 토큰을 이용하여 메시지를 보내기만 하면 되는거에요! 클라이언트 구현 과정은 치코가 잘 작성해줄테니 아래부터는 서버단에서의 처리 과정을 작성해볼게요.

메시지 보내기 개요