JavaScript
알림 API

통사론

• Notification.requestPermission ( 콜백 )
• Notification.requestPermission (). then ( callback , rejectFunc )
• 새 알림 ( 제목 , 옵션 )
• 알림 .close ()

비고

알림 보내기 권한 요청

우리는 Notification.requestPermission 을 사용하여 사용자가 당사 웹 사이트에서 알림을 수신할지 묻습니다.

Notification.requestPermission(function() {
    if (Notification.permission === 'granted') {
        // user approved.
        // use of new Notification(...) syntax will now be successful
    } else if (Notification.permission === 'denied') {
        // user denied.
    } else { // Notification.permission === 'default'
        // user didn’t make a decision.
        // You can’t send notifications until they grant permission.
    }
});

Firefox 47 이후 .requestPermission 메소드는 권한 부여에 대한 사용자의 결정을 처리 할 때 약속을 반환 할 수도 있습니다

Notification.requestPermission().then(function(permission) {
    if (!('permission' in Notification)) {
        Notification.permission = permission;
    }
    // you got permission !
    }, function(rejection) {
    // handle rejection here.
    }
);

알림 보내기

사용자가 알림을 보낼 수있는 권한 요청을 승인하면 사용자 에게 Hello라는 간단한 알림을 보낼 수 있습니다.

new Notification('Hello', { body: 'Hello, world!', icon: 'url to an .ico image' });

이렇게하면 다음과 같은 알림이 전송됩니다.

여보세요

안녕, 세상!

알림 닫기

.close() 메서드를 사용하여 알림을 닫을 수 있습니다.

let notification = new Notification(title, options);
// do some work, then close the notification
notification.close()

setTimeout 함수를 사용하여 앞으로 언젠가 자동으로 알림을 닫을 수 있습니다.

let notification = new Notification(title, options);
setTimeout(() => {
    notification.close()
}, 4000);

위의 코드는 알림을 생성하고 4 초 후에 닫습니다.

알림 이벤트

Notification API 스펙은 통지에 의해 해고 될 수있는 두 개의 이벤트를 지원합니다.

1. click 이벤트입니다.

이 이벤트는 알림 본문 (닫기 X 및 알림 구성 버튼 제외)을 클릭하면 실행됩니다.

예:

notification.onclick = function(event) {
    console.debug("you click me and this is my event object: ", event);
}

2. error 이벤트

표시 할 수없는 등의 문제가 발생할 때마다 알림이이 이벤트를 시작합니다.

notification.onerror = function(event) {
    console.debug("There was an error: ", event);
}