HTML5桌面通知(理想情况下为Angular)

Question

我希望能够向用户发送桌面通知(而不是在浏览器窗口内),我知道我必须让用户选择在chrome中打开对话框问题.

我正在使用MEAN堆栈,并在前端使用browserify/bowserify,我可以在客户端使用bower或npm包.我使用CommonJS模式,因此如果解决方案或示例采用该格式,或者更容易转移到该格式,它将帮助我理解它.

什么是最好的方法来解决这个问题,是否有一个Angular/React插件(我必须承认我找不到自己).

我真的只需要一次显示一个,我很乐意只显示最新的并自动删除那里的任何内容,理想情况下是跨浏览器解决方案(只有在需要时才可以是最新版本).

欢迎任何想法.

Answer 1

澄清我的意思是前端解决方案.但是我遇到了这个,我已经编辑并改进了.

为了清楚起见,这是简单的JavaScript,我将使用我自己的一些方法将它链接到Angular.

document.addEventListener('DOMContentLoaded',function(){
document.getElementById('notifyButton').addEventListener('click',function(){

    if(! ('Notification' in window) ){
        console.log('Web Notification not supported');
        return;
    }   

    Notification.requestPermission(function(permission){
            var notification = new Notification("Title",{body:'HTML5 Web Notification API',icon:'http://i.stack.imgur.com/Jzjhz.png?s=48&g=1', dir:'auto'});
            setTimeout(function(){
                notification.close();
            },3000);
        });
    });
});