- Phase 1: 모든 서비스 헤더에 알림 벨 UI 추가 (notification-bell.js) - Phase 2: VAPID Web Push 구독/전송 (push-sw.js, pushSubscription API) - Phase 3: 내부 알림 API + notifyHelper로 서비스간 알림 연동 - tksafety: 출입 승인/반려, 안전교육 완료, 방문자 체크인 - tkpurchase: 일용공 신청, 작업보고서 제출 - system2-report: 신고 접수/확인/처리완료 - Phase 4: 30일 이상 알림 자동 정리 cron, Redis 캐싱 - CORS에 tkuser/tkpurchase/tksafety 서브도메인 추가 - HTML cache busting 버전 갱신 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
// Push Notification Service Worker
|
|
// 캐싱 없음 — Push 수신 전용
|
|
|
|
self.addEventListener('push', function(event) {
|
|
var data = { title: '알림', body: '새 알림이 있습니다.', url: '/' };
|
|
if (event.data) {
|
|
try { data = Object.assign(data, event.data.json()); } catch(e) {}
|
|
}
|
|
event.waitUntil(
|
|
self.registration.showNotification(data.title, {
|
|
body: data.body,
|
|
icon: '/static/img/icon-192.png',
|
|
badge: '/static/img/badge-72.png',
|
|
data: { url: data.url || '/' },
|
|
tag: 'tk-notification-' + Date.now(),
|
|
renotify: true
|
|
})
|
|
);
|
|
// 메인 페이지에 뱃지 갱신 신호 전송
|
|
self.clients.matchAll({ type: 'window' }).then(function(clients) {
|
|
clients.forEach(function(client) {
|
|
client.postMessage({ type: 'NOTIFICATION_RECEIVED' });
|
|
});
|
|
});
|
|
});
|
|
|
|
self.addEventListener('notificationclick', function(event) {
|
|
event.notification.close();
|
|
var url = (event.notification.data && event.notification.data.url) || '/';
|
|
event.waitUntil(
|
|
self.clients.matchAll({ type: 'window' }).then(function(clients) {
|
|
for (var i = 0; i < clients.length; i++) {
|
|
if (clients[i].url.includes(self.location.origin)) {
|
|
clients[i].navigate(url);
|
|
return clients[i].focus();
|
|
}
|
|
}
|
|
return self.clients.openWindow(url);
|
|
})
|
|
);
|
|
});
|