feat(FE) : 포그라운드에서 메세지 수신 시 실행할 이벤트 추가 (#161)

softeerbootcamp · Feb 17, 2023 · 914f8fc · 914f8fc
1 parent 0c97784
commit 914f8fc
Showing 1 changed file with 27 additions and 1 deletion.
diff --git a/client/src/main.js b/client/src/main.js
@@ -3,6 +3,10 @@ import { setScreenSize } from '@/utils';
 import { navigateHome, navigateAuth, navigateMain, initiatePostPage } from '@/pages';
 import { routes, navigate } from '@/core/router';
 
+import { initializeApp } from "firebase/app";
+import { getMessaging, onMessage } from "firebase/messaging";
+
+
 routes.push(
   { path: '/', component: navigateHome },
   { path: '/register', component: navigateAuth },
@@ -13,4 +17,26 @@ routes.push(
 
 const path = window.location.pathname;
 navigate(path);
-window.addEventListener('resize', setScreenSize);
+window.addEventListener('resize', setScreenSize);
+
+
+const firebaseConfig = {
+  apiKey: "AIzaSyCsLBsvozvTnYlDH-5cS0A8X_AjV5o4jjM",
+  authDomain: "amatta-4934f.firebaseapp.com",
+  projectId: "amatta-4934f",
+  storageBucket: "amatta-4934f.appspot.com",
+  messagingSenderId: "196308516589",
+  appId: "1:196308516589:web:64545440aa5021e8a496e4",
+  measurementId: "G-4JBCQPF50K"
+};
+
+const app = initializeApp(firebaseConfig);
+const messaging = getMessaging(app);
+
+onMessage(messaging, (payload)=>{
+  console.log("foreground", payload);
+  const option = {
+    body: payload.notification.body
+  }
+  return new Notification(payload.notification.title, option);
+})