web push 예제

푸시 메시지를 발급하기 위해 FCM에 요청을 보내는 cURL 명령은 다음과 같습니다. 원격 푸시 메시지를 수신/ 구독하려면 푸시 서비스에 등록하려면 브라우저 웹 앱이 필요합니다. 서비스 작업자의 푸시 이벤트를 사용하면 DevTools를 사용하여 가짜 푸시 이벤트를 트리거하여 메시지가 수신될 때 어떤 일이 발생하는지 테스트할 수 있습니다. 푸시 API는 또한 사용자가 웹 응용 프로그램을 적극적으로 사용하는 경우(예: 사용자가 웹 응용 프로그램을 사용중이거나 웹 응용 프로그램이 응용 프로그램 서버와 활성 통신중인 경우) 웹 응용 프로그램을 사용하는 동안 푸시 메시지를 안정적으로 전달할 수 있습니다. 활성 작업자, 프레임 또는 백그라운드 창입니다. 푸시 API의 기본 사용 사례는 아닙니다. 웹 응용 프로그램은 응용 프로그램 서버와의 지속적인 통신을 유지하지 않도록 자주 사용하지 않는 메시지에 푸시 API를 사용하도록 선택할 수 있습니다. 따라서 웹 푸시는 푸시 메시징을 위한 앱을 실행하는 것이 모든 비즈니스에 나쁜 제안입니다. 특히 거래 빈도가 낮은 (보험, 대출 등) 기본적으로 모바일 앱이 필요하지 않은 기업의 고통을 해결합니다. 그런 다음 푸시 메시지를 받으면 포함된 텍스트가 본체에 인쇄됩니다. showNotification 메서드에는 알림을 구성하기 위한 선택적 두 번째 인수가 있습니다.

다음 예제 코드는 사용 가능한 옵션 중 일부를 보여 줍니다. 각 옵션에 대한 자세한 설명은 MDN의 showNotification 참조를 참조하십시오. newSubscription 멤버는 푸시 구독 변경 이벤트의 호출당 유효한 푸시 구독에 대해 자세히 설명합니다. 예를 들어 웹 응용 프로그램이 express 권한을 잃었기 때문에 새 푸시 구독을 설정할 수 없는 경우 값이 null이 됩니다. 서비스 작업자 등록, 신규 구독 및 이전 구독을 제공하는 “푸시 구독 변경” 이벤트를 발생하려면 사용자 에이전트는 등록 시 PushSubscriptionChangeEvent를 사용하여 기능 이벤트 “pushsubscriptionchange”를 처리해야 합니다. 다음 속성: 다음 속성으로 등록시 PushEvent를 사용하여 기능 이벤트 “푸시”를 처리합니다.