웹 푸시 알림(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 

 

 

 

번호 제목 글쓴이 날짜 조회 수
23 FCM 과 GCM 차이 황제낙엽 2019.02.19 137
22 FCM (firebase cloud message) 사용하기 황제낙엽 2021.02.09 15
21 책 2권에 대한 목차와 후기 황제낙엽 2023.11.29 7
20 PWA 관련 링크 모음 황제낙엽 2023.11.06 5
» [Copilot] 모바일 브라우저가 활성화되지 않은 상태에서 웹서비스가 사용자에게 push notifications 를 할 수 있는 방법 황제낙엽 2023.11.04 5
18 (OMNIBUSCODE/FCM/WEB/JAVA) web push notification (web browser) 샘플 file 황제낙엽 2023.11.23 3
17 푸쉬 알림 개발 관련 레퍼런스 황제낙엽 2023.11.09 2
16 firebase.messaging().getToken() 함수와 pushManager.subscribe() 함수의 관계 황제낙엽 2023.11.26 1
15 service worker 재작성시 수동 업데이트 file 황제낙엽 2023.11.25 1
14 [POST/2023.09.13] PWA (Progressive Web Apps) 관련 황제낙엽 2023.11.24 1
13 [bard] web-push와 fcm 의 차이 황제낙엽 2023.11.08 1
12 FirebaseMessagingException: Requested entity was not found. 황제낙엽 2024.01.12 0
11 (Copilot) Admin SDK Reference의 java 라이브러리를 이용하여 notification을 fcm에 전송하는 java 예제 황제낙엽 2023.11.28 0
10 [FCM] FCM 으로 알림 전송 테스트 (spring boot + android + fcm rest) 황제낙엽 2023.11.24 0
9 [FCM] Firebase Console 에서 메세지 보내기 file 황제낙엽 2023.11.24 0
8 (Copilot) Notification Server 의 종류 황제낙엽 2023.11.23 0
7 (OMNIBUSCODE/FCM/WEB/JAVA) web push notification (web browser) 구현 절차 [1] 황제낙엽 2023.11.20 0
6 서비스 워커(service worker) 등록에 대한 LLM 챗봇의 답변 황제낙엽 2023.11.20 0
5 [POST/2019.11.25] 브라우저 알림(Notification) 팝업에 버튼 추가 with ServiceWorker file 황제낙엽 2023.11.24 0
4 service worker 개발 참고용 링크 모음 황제낙엽 2023.11.10 0