웹 푸시 알림(Web Push Notification)은 웹 브라우저가 활성화되지 않은 상태에서도 사용자에게 알림을 보낼 수 있는 기능입니다.

이는 웹사이트 방문자가 사이트에 체류하고 있지 않아도 메시지를 수신할 수 있다는 장점이 있습니다. (브라우저가 비활성화 상태이어도 가능)

 

웹 푸시 알림을 사용하려면 다음과 같은 단계를 따르면 됩니다.

 

  1. 웹사이트 준비 : HTTPS (SSL: 보안서버인증서), Service Worker, Web Push API가 적용된 웹사이트가 필요합니다.
     
  2. 사용자 동의 : 웹사이트 방문자가 웹 푸시 알림 수신에 동의해야 합니다.
     
  3. 푸시 알림 발송 : 웹 푸시 알림 제목, 내용, 웹 푸시 클릭 시 연결될 링크 URL, 발송 대상 등을 설정하여 웹 푸시 알림을 발송합니다.

 

[References]

  - How can I do push notifications in an HTML5 Web application?

  - Using the Notifications API 

 

 

 

번호 제목 글쓴이 날짜 조회 수
29 [mdn web docs] Service worker를 사용해 PWA를 오프라인에서 동작하게 만들기 황제낙엽 2024.07.20 578
28 [ChatGPT] 모바일 환경에서 웹앱의 캐시(cache) 데이터를 서비스에서 업데이트로 갱신하는 방법 황제낙엽 2024.07.17 533
27 [ChatGPT] service-worker.js 에서 cache file list 를 동적으로 생성하여 적용하기 황제낙엽 2024.07.17 493
26 (Copilot) PWA Builder 에 대하여 황제낙엽 2024.07.05 687
25 PWA 데모 샘플들 file 황제낙엽 2024.07.04 645
24 FirebaseMessagingException: Requested entity was not found. 황제낙엽 2024.01.12 4363
23 PWA 관련 서적 두권에 대한 목차와 후기 황제낙엽 2023.11.29 535
22 (Copilot) Admin SDK Reference의 java 라이브러리를 이용하여 notification을 fcm에 전송하는 java 예제 황제낙엽 2023.11.28 772
21 firebase.messaging().getToken() 함수와 pushManager.subscribe() 함수의 관계 황제낙엽 2023.11.26 874
20 service worker 재작성시 수동 업데이트 file 황제낙엽 2023.11.25 520
19 [POST/2023.09.13] PWA (Progressive Web Apps) 관련 황제낙엽 2023.11.24 431
18 [POST/2019.11.25] 브라우저 알림(Notification) 팝업에 버튼 추가 with ServiceWorker file 황제낙엽 2023.11.24 528
17 [FCM] FCM 으로 알림 전송 테스트 (spring boot + android + fcm rest) 황제낙엽 2023.11.24 747
16 [FCM] Firebase Console 에서 메세지 보내기 file 황제낙엽 2023.11.24 777
15 (OMNIBUSCODE/FCM/WEB/JAVA) web push notification (web browser) 샘플 file 황제낙엽 2023.11.23 754
14 (Copilot) Notification Server 의 종류 황제낙엽 2023.11.23 707
13 (OMNIBUSCODE/FCM/WEB/JAVA) web push notification (web browser) 구현 절차 [1] 황제낙엽 2023.11.20 886
12 서비스 워커(service worker) 등록에 대한 LLM 챗봇의 답변 황제낙엽 2023.11.20 476
11 service worker 개발 참고용 링크 모음 황제낙엽 2023.11.10 454
10 service worker 개발을 위한 mozilla 공식 문서 file 황제낙엽 2023.11.10 427