React Native - 9 - FCM 메시지 / 댓글 알림 > 그누보드5 개발일지

그누보드5 개발일지

React Native - 9 - FCM 메시지 / 댓글 알림 정보

React Native - 9 - FCM 메시지 / 댓글 알림

본문

Push 알림을 이용하기 위해

FCM(파이어베이스 클라우드 메시지)을 이용했습니다.

백엔드 서버로부터 firebase console에서 받은 google-services.json을 건네받아서

해당 파일과 함께 android 패키지 및 버전 설정 과정이 있었습니다.

주의할 점은, react native의 버전에 따라서 dependency를 다운그레이드해야 할 수 있습니다.

  (참고 작업내역: [fix] google-services dependency 버전 다운그레이드)

 

사용한 라이브러리

  "@react-native-firebase/app"

  "@react-native-firebase/messaging"

 

알림 동의 설정

알림 메시지를 받을지 말지 여부를 모바일 단에서 선택 및 표시할 수 있도록 하였고,

해당 알림 메시지의 동의여부에 따라서 다음과 같이 동작합니다.

  알림 미동의

    - 앱 활성화 상태틸 때: push 알림 O

    - 앱 비활성화 상태일 때: push 알림 X

  알림 동의

    - 앱 활성화, 비활성화 모두 push 알림 O

 

FCM 활용 - 댓글 알림

  - 현재 FCM을 통해 실제 활용하는 부분은 게시글에 댓글이 달린 경우

    게시글 작성자에게 push 알림이 가도록 했습니다.

  - FCM을 통해서 게시글의 wr_id, 댓글의 wr_id(comment_id), 댓글의 순서(order)를 받을수 있고,

    알림 메시지 확인을 통해서 해당 댓글로 이동할 수 있도록 기능이 추가되었습니다.

 

 

작업내역:

[fix] google-services.json - .gitignore 추가

[add] Firebase 설정 추가 (AGP 버전 변경)

[fix] google-services dependency 버전 다운그레이드

[add] FCM 사용을 위한 dependency 설치

[add] FCM push 알림 설정

[add] 로그인 후 서버에 FCM 토큰 등록

[add] 환경설정 - 알림 설정 여부 표시

[add] 환경설정 - 모바일 환경설정 이동 링크 추가

[add] 환경설정 - app 활성화시 알림설정 여부 확인후 현재 설정 반영

[add] 댓글 push 알림 - 클릭시 해당글 이동 로직 추가

[add] 백그라운드 앱 알림 권한 요청 버전별 분기

[fix] 앱 알림 설정 확인 방법 변경 - 하위 버전 확장

[add] 댓글 push 알림으로 이동시 해당 댓글로 이동 - 개선 필요

[add] 댓글 알림 - 해당 게시글 이동시 comment page 적용

[add] 댓글 알림 - 해당 댓글 스크롤 이동시 강조 기능 추가

[improve] 댓글 알림 - 댓글 스크롤 이동 속도 개선

추천
2
  • 복사

댓글 0개

© SIRSOFT
현재 페이지 제일 처음으로