web notification

Web Notification전용우

알림

• 기존의 알림 방식은 마크업으로 레이어를 보여주는 방식

• 브라우저에서 제공해주는 알림 API을 이용

• 좀 더 쉽게 개발자는 알림 기능을 사용할 수 있음

• 브라우저 마다 동작하는 방식은 제각각

만약, 알림을 계속 준다면?• 반드시 사용자에게 알림을 받을지 승인을 받고 적용. • 사용자 이벤트로만 호출 가능.

Notification.requestPermission(function(grant) { // default : 설정하지 않음 // denied : 거부 // granted : 허락 }); !Notification.permission; //현재 권한 상태 확인

var noti = new Notification( "title",//필수 {//옵션 "body" :"body", //내용. "icon" : "icon.png", //아이콘 "tag" : "group" //tag가 같으면 알람으로 표현 } );

알림을 주자!

사용자 이벤트이벤트명 발생 시점

show 알림이 보여질 때

close 알림이 닫혔을 때(close메서드 사용)

click 알림을 클릭했을 때(알림이 닫힘)

error 에러가 발생했을 때

noti.addEventListener(“show”,function(){…});

메서드메서드명 기능

close 알람을 닫음

noti.close();

버그인듯, 버그아닌, 버그같은 너• 알림을 클릭하면 알림이 닫히고 click이벤트가 발생함.

• 그럼 close이벤트가 발생하는게 맞는가? • 일반적으론 발생하지 않지만 firefox os는 close이벤트가 발생

• show이벤트의 발생시점? • Notification을 생성하는 것만으로 알림이 나타남. • 이벤트를 attach하기 전에 알림이 나타나지만, show이벤트는 발생.

감사합니다.

Technology