diff --git a/public/firebase-messaging-sw.js b/public/firebase-messaging-sw.js index d3dbb36..7dda756 100644 --- a/public/firebase-messaging-sw.js +++ b/public/firebase-messaging-sw.js @@ -17,9 +17,10 @@ firebase.initializeApp({ const messaging = firebase.messaging(); messaging.onBackgroundMessage((payload) => { - console.log('백그라운드 메시지 수신: ', payload); + //console.log('백그라운드 메시지 수신: ', payload); + self.registration.showNotification(payload.notification.title, { body: payload.notification.body, - icon: '/icons/icon-192x192.png', + icon: '/icons/manifest/icon-192x192.png', }); }); diff --git a/src/utils/pushNotification.ts b/src/utils/pushNotification.ts index a7302a5..0e457fe 100644 --- a/src/utils/pushNotification.ts +++ b/src/utils/pushNotification.ts @@ -16,11 +16,13 @@ const onForegroundMessage = async () => { if (messagingInstance != null) { onMessage(messagingInstance, (payload: MessagePayload) => { - console.log('포그라운드 메시지 수신:', payload); - // eslint-disable-next-line no-new - new Notification(payload.notification?.title, { - body: payload.notification?.body, - icon: '/icons/icon-192x192.png', + // console.log('포그라운드 메시지 수신:', payload); + + navigator.serviceWorker.ready.then((registration) => { + registration.showNotification(payload.notification?.title as string, { + body: payload.notification?.body, + icon: '/icons/manifest/icon-192x192.png', + }); }); }); }