간편하고 실용적인 웹 Notification 데스크톱 알림

웹 Notification 데스크톱 알림

프로젝트는 구글의 notification을 이용하여 새로운 메시지 데스크톱 알림 기능을 실현해야 한다. 앞서 H5의 웹 Notification을 연구한 결과 간단하다. 프로젝트가 출시된 지 오래되어 캡처를 잊어버리고 핵심 코드에 직접 올라간다.

if (window.Notification) {
                document.getElementById('audio').play(); //  
                Notification.requestPermission(function (permission) {
                    var notify = new Notification('           ~', {
                        body: '  ：'+nickname+',   ：'+phone,            //        
                        icon: 'https://static.yudada.com/bankend/app-icon.png'  //  
                    });
                    //                  
                    notify.onclick = function() {   
                        window.focus();                
                        notify.close();    
                    };
                });
   }