분류 javascript

Web Notifications API

컨텐츠 정보

  • 조회 269 (작성일 )

본문

모든 UI 프레임 워크에는 모달, 툴팁, 버튼 종류, 알림과 같은 최신 사이트에 거의 필수적인 위젯 세트가 있습니다. 내가 찾은 한 가지 문제는 각 사이트마다 고유 한 위젯 색상, 스타일 등이 있다는 것입니다. 사용자는 일관된 경험을 얻지 못합니다. 분명히 W3C는 Web Notifications API를 만들었기 때문에 같은 느낌을 받았습니다. 사용 방법은 다음과 같습니다!


자바 스크립트 


첫 번째 단계는 예상대로 기본 기능 감지이며 알림 생성 코드로 이동합니다.


if(window.Notification && Notification.permission !== "denied") {
	Notification.requestPermission(function(status) {  // status is "granted", if accepted by user
		var n = new Notification('Title', { 
			body: 'I am the body text!',
			icon: '/path/to/icon.png' // optional
		}); 
	});
}


알림 API가 지원되는지 확인한 후에는 사용자에게 알림 액세스를 요청해야 합니다. 상태가 "허용됨"으로 돌아 오면 제목과 본문이 있는 새 알림을 만들 수 있습니다.


알림 닫기는 close 메소드를 사용하면 간단합니다.


n.close();


일반적인 UI 구성 요소를 위한 기본 API를 제공하는 브라우저의 아이디어가 정말 마음에 듭니다.하지만 브라우저마다 알림 모양이 다르다는 점이 재밌습니다. 웹 알림 API의 단순함이 마음에 듭니다. 어떻게 생각하십니까?


https://davidwalsh.name/notifications-api


API