LJC.LOG
August 29, 2024

Firebase Cloud Messaging (FCM)으로 웹 푸시 알림 구현하기(2편)

Firebase 메세지 푸쉬구현 이전 포스팅 글에 이어서 작성된 글이니 이전 글 참조 바랍니다.

Firebase Cloud Messaging 처리하기

1.key파일 다운로드

firebase 사이트에서 로그인 후 이전에 생성했던 프로젝트로 이동합니다.

서비스 계정 탭에서 Firebase Admin SDK 새 비공개 키 생성 후 key파일(JSON) 을 받아줍니다.

해당 .JSON 파일을 백엔드 프로젝트에 추가해줍니다.

photo1

2.소스코드 구현

2-1. firebaseAdmin.js 소스생성 ( firebase-admin.json 는 위 key파일명 입니다)

2-2. 호출중인 백엔드.js파일에 아래와 같이 소스를 추가해줍니다.

선행되어야 할 작업은 사용자의 개인Token값을 DB에 저장을 시켜놓아야 합니다.

저같은 경우 사용자가 접속 시 푸쉬알림 동의를 하면 user 테이블에 TOKEN 값을 저장해두었습니다.

위 소스에서 sendNotification 함수를 이용하여 푸쉬 메세지 처리가 가능해집니다.


3.결과

photo


웹 또는 모바일에 푸쉬가 정상적으로 처리됩니다.

작업하시다가 궁금하신 점 있다면 댓글남겨주세요.

읽어주셔서 감사합니다.😊