알림 환경 세팅

[yeeuniii]

작업 요약

알림(fcm) 환경 세팅

• 카카오 알림톡을 사용하려 했으나, 건당 유료임을 감안하여 fcm 사용하기로 결정

작업 세부 사항

• 준비
• [x] firebase 앱 생성
  • https://console.firebase.google.com/u/0/project/buddies-spring/overview
• FE
• [x] fcm 연동
• [x] service worker 등록
• [x] 토큰 가져오기
• [x] 발급받은 토큰 백에 보내기
• [x] firebase 설정 환경변수 설정
• BE
• [x] fcm 실행
• [x] Notification 테이블 생성
  • fcm_token 필드로 가짐
  • 사용자와 일대일 연관관계 매핑
• [ ] 로그인 시 fcm 토큰 디비 저장
• [ ] 웹 실행 시 fcm 토큰 갱신
  • 이걸 어떻게 판단할 수 있을까

스크린샷

Web Push Protocol

[yeeuniii]

Reference

• 프론트 [FrontEnd] FCM을 이용해 웹 푸시 알림 적용하기 웹 푸시알림 적용하기(with.FCM)
• 알림 테스트 https://console.firebase.google.com/u/0/project/buddies-spring/notification/compose
• fcm 토큰 [Firebase] FCM을 도입할 때 고려할 것들
• 백 FCM을 이용해 웹 푸시 알림 API를 구현해보자

[yeeuniii]

• 현재 fcm 토큰 저장 방식
  • session storage에 토큰이 없는 경우에 firebase로부터 fcm 토큰 발급 후, 서버에 전송하여 저장
• session storage를 선택한 이유?
  • 영구적으로 데이터가 저장되는 local storage와 달리, session storage는 브라우저 세션이 유지되는 동안만 유효
  • 참고 문서에 의해 fcm token을 서비스를 이용할때마다 갱신해주는 게 좋다고 판단.
  • 추후 프론트 구조가 리팩터링됨에 따라 변경될 수 있음.