Recommanded Free YOUTUBE Lecture: <% selectedImage[1] %>

Web Push Notifications

웹 푸시 알림을 이용하면 사용자는 자신이 좋아하는 사이트에서 올라오는 컨텐츠를 적시에 확인 할 수 있다. 사이트가 각 개인을 위한 맞춤 컨텐츠를 제공하고 있다면, 유저는 적당한 시간에 원하는 컨텐츠를 읽을 수 있을 것이다. 이는 사이트에 대한 유저의 참여를 높일 것이다.

푸시 API를 이용해서 사용자에게 컨텐츠를 알려주는 방법을 살펴보자.

서비스 워커

푸시는 백그라운드에서 브라우저에 의해서 돌아가는 서비스 워커가 처리한다. 사용자가 알림을 클릭하거나 알림 창을 닫는 등의 상호 작용을 할 때만 푸시 코드가 실행이 된다. 즉 평소에는 베터리를 사용하지 않는 다는 이야기인데, 모바일 환경에서 이것은 매우 중요한 특징이다.

서비스 워커는 브라우저가 실행하는 기능이기 때문에, 서비스 워커를 지원하는 버전의 브라우저를 확인해야 한다. 서비스 워커는 매우 흥미로운 기능이기는 하지만 안타깝게도 (2017년 2월 현재)대략 63% 정도의 브라우저만이 지원하고 있다. FireFox, Chrome, Opera, 안드로이드용 크롬등은 서비스워커를 완전하게 지원하고 있지만 IE 11, Edge 14,15, Safari, IoS Safari, Opera Mini 등은 서비스워커를 지원하지 않는다.