React firebase push GCM 메시지 전송하기

외주 프로젝트 요구사항에 React Page 에서 GCM 을 간단히 날리는 기능이 있어

 

React Firebase 환경에서 push 메시지를 전송하는 기능을 구현하였다.

 

간단히 정리하면 Message Payload 를 선언하고 firebase admin 에서 제공하는 Messaging.send api를 사용하면 된다.

 

app.post("/api/push", (req, res) => {
  (async () => {
    try {
      const payload = {
        token: 'push_token',
          notification: {
              title: '알림 메시지',
              body: "7시까지 선착순 마감입니다."
          },
          data: {
              body: "본 이벤트는 마감 시점에서 종료됩니다.",
              score: '850',
    		  time: '2:45'
          }
      };
      const newDoc = await admin.messaging().send(payload).then((response) => {
        // Response is a message ID string.
        console.log('Successfully sent message:', response);
        res.status(200).send({ status: "Success", msg: "push sent" });
      })
    } catch (error) {
      console.log(error);
      res.status(500).send({ status: "Failed", msg: error });
    }
  })();
});

 

https://firebase.google.com/docs/cloud-messaging/send-message

앱 서버 보내기 요청 빌드  |  Firebase 클라우드 메시징