PushManager

Push APIPushManager 인터페이스는 서드파티 서버에서 알림을 수신하거나, URL에 푸시 알림을 요청하는 방법을 제공합니다.

PushManagerServiceWorkerRegistration.pushManager 속성으로 접근할 수 있습니다.

속성

PushManager.supportedContentEncodings
푸시 메시지의 페이로드를 암호화할 때 지원하는 콘텐츠 인코딩의 목록을 반환합니다.

메서드

PushManager.getSubscription()
기존의 푸시 구독을 가져옵니다. 해당 구독에 대한 상세 정보를 담은 PushSubscription 객체를 Promise로 반환합니다. 구독이 존재하지 않으면 프로미스는 null로 이행합니다.
PushManager.permissionState()
PushManager의 허가 상태로 이행하는 Promise를 반환합니다. 상태는 'granted', 'denied', 'prompt' 중 하나입니다.
PushManager.subscribe()
푸시 서비스에 구독합니다. 해당 구독에 대한 상세 정보를 담은 PushSubscription 객체를 Promise로 반환합니다. 현재 서비스 워커에 이전 구독이 존재하지 않으면 새로운 푸시 구독을 생성합니다.

예제

this.onpush = function(event) {
  console.log(event.data);
  // From here we can write the data to IndexedDB, send it to any open
  // windows, display a notification, etc.
}

navigator.serviceWorker.register('serviceworker.js').then(
  function(serviceWorkerRegistration) {
    serviceWorkerRegistration.pushManager.subscribe().then(
      function(pushSubscription) {
        console.log(pushSubscription.endpoint);
        // The push subscription details needed by the application
        // server are now available, and can be sent to it using,
        // for example, an XMLHttpRequest.
      }, function(error) {
        // During development it often helps to log errors to the
        // console. In a production environment it might make sense to
        // also report information about errors back to the
        // application server.
        console.log(error);
      }
    );
  });

명세

Specification Status Comment
Push API
The definition of 'PushManager' in that specification.
Working Draft Initial definition.

브라우저 호환성

BCD tables only load in the browser

같이 보기