web notification
TRANSCRIPT
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이벤트는 발생.
감사합니다.