Skip to content

NV FE - #139-서비스워커 등록 및 FCM 토큰 발급 로직 개선 #140

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
seohuiwon11 merged 1 commit into from
Nov 25, 2025
Merged

NV FE - #139-서비스워커 등록 및 FCM 토큰 발급 로직 개선 #140

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 9 additions & 4 deletions client/src/firebase/fcmClient.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,15 +28,19 @@ export async function getFcmTokenFromBrowser(): Promise<string> {
throw new Error("알림 권한이 허용되지 않았습니다.");
}

// FCM용 서비스워커 등록
const registration = await navigator.serviceWorker.register(
"/firebase-messaging-sw.js"
);
// 1) FCM용 서비스워커 등록 (이미 등록되어 있으면 재사용됨)
await navigator.serviceWorker.register("/firebase-messaging-sw.js", {
scope: "/",
});

// 2) "ready"를 사용해 활성화(activated)된 SW를 확보
const registration = await navigator.serviceWorker.ready;

if (!messaging) {
throw new Error("Firebase messaging이 초기화되지 않았습니다.");
}

// 3) 활성화된 서비스워커를 기반으로 FCM 토큰 발급
const token = await getToken(messaging, {
vapidKey: VAPID_KEY,
serviceWorkerRegistration: registration,
Expand All @@ -49,6 +53,7 @@ export async function getFcmTokenFromBrowser(): Promise<string> {
return token;
}


// 서버에 FCM 토큰 저장 요청(JWT 필요)
export async function saveFcmTokenToServer(token: string): Promise<void> {
await http.post("/users/fcm-token", {
Expand Down
Loading