Desktop Notification - 웹 알람(?)

잔디나, 네이버 웤스 등을 쓰다 보면 나오는 작업표시줄 근처에 표시되는 내용들이 있다. 이는 HTML5에서 추가된 기능인데, ie11은 미지원인걸로 알고 있으므로 웹 어플리케이션 등에서 자주 쓰면 좋을 것 같다.

1. 권한 얻기

먼저 Notification.requestPermission을 통해 사용자에게 권한을 얻을 수 있도록 하자. 중요한점은 사용자가 먼저 인터렉션을 통해 저걸 실행할지를 지정해야지 강제로 뜨게 할 수는 없다. (앱 설치하면 이것저것 자동으로 물어보게 하는것처럼 그렇게가 안된다...ㅜㅜ)

1 2 3 4 5

var getPermission = function () { Notification.requestPermission(function (result) { // result === 'denied' 이면 허용했단 뜻이다 }); }

2. 실행 하기

1 2 3 4 5 6 7 8 9

var options = { body: message, icon: iconDataURI } var notice = new Notification("새로운 메세지가 도착했습니다 ^^", options); // 닫을려면 밑에꺼 쓰면 된다. notice.close();

https://developer.mozilla.org/ko/docs/Web/API/notification

에 보면 더 많은 프로퍼티들이 있는데 여기에 Read only는 일종의 immutable을 의미하는것 같다. 처음 생성할때만 쓸 수 있고 나중에 못바꾼다는 의미가 아니면 저걸 어떻게 쓴다는 말인가? 너무 헷갈리게 적어놓았다.