diff --git a/public/sw.js b/public/sw.js index 47de9ba..7d5af01 100644 --- a/public/sw.js +++ b/public/sw.js @@ -1,5 +1,5 @@ // 모모유통 ERP — Service Worker (PWA install criteria 충족용) -const CACHE = 'momo-erp-v2'; +const CACHE = 'momo-erp-v3'; const PRECACHE = ['/', '/manifest.json', '/icon-192.png', '/icon-512.png', '/badge-96.png']; self.addEventListener('install', (e) => { @@ -27,6 +27,11 @@ self.addEventListener('fetch', (e) => { }); // ===== 웹 푸시 ===== +// 삼성 인터넷/Samsung Galaxy 에서 상단 배너(heads-up) 가 안 뜨던 문제 해결: +// - vibrate: 패턴 명시 (안드로이드가 high-priority 채널로 분류) +// - requireInteraction: 사용자가 직접 닫을 때까지 유지 +// - renotify: 같은 tag 라도 다시 알림 +// - silent: false 명시 (Samsung 일부 버전에서 기본값이 true 인 케이스 회피) self.addEventListener('push', (e) => { let data = {}; try { data = e.data ? e.data.json() : {}; } catch (_) { data = {}; } @@ -36,6 +41,11 @@ self.addEventListener('push', (e) => { icon: data.icon || '/icon-192.png', // 큰 아이콘 = 모모 로고(초록 M) badge: data.badge || '/badge-96.png', // 상태바 작은 아이콘 = 흰 M 단색(투명 배경) tag: data.tag || undefined, + renotify: !!data.tag, + requireInteraction: true, + silent: false, + vibrate: [200, 100, 200], + timestamp: Date.now(), data: { url: data.url || '/m/orders/new' }, }; e.waitUntil(self.registration.showNotification(title, options)); diff --git a/src/components/push-optin.tsx b/src/components/push-optin.tsx index 942a2ec..afbff47 100644 --- a/src/components/push-optin.tsx +++ b/src/components/push-optin.tsx @@ -132,6 +132,7 @@ export function PushOptIn({ variant = "compact" }: PushOptInProps) { }; }, [supported]); + // 마운트 시 상태 동기화 useEffect(() => { if (!supported || bootRef.current) return; @@ -271,6 +272,19 @@ export function PushOptIn({ variant = "compact" }: PushOptInProps) { } }; + // 첫 진입 자동 권한 prompt — Notification.permission === 'default' 이면 한 번만 시도. + // APK 새 설치 직후 첫 실행이면 안드로이드 13+ POST_NOTIFICATIONS prompt 가 자동으로 뜬다. + // 이미 한 번 prompt 받았던 디바이스는 default 가 아니므로 prompt 재표시 없음 (silent). + useEffect(() => { + if (!supported) return; + if (typeof Notification === "undefined" || Notification.permission !== "default") return; + const KEY = "momo-push-prompted"; + try { if (sessionStorage.getItem(KEY)) return; } catch { /* ignore */ } + try { sessionStorage.setItem(KEY, "1"); } catch { /* ignore */ } + const t = setTimeout(() => { turnOn().catch(() => {}); }, 800); + return () => clearTimeout(t); + }, [supported, turnOn]); + // === 작은 헤더 토글 === if (!supported || !httpsOK) { if (variant !== "card") return null;