Javascript 如何使用angular.js推送通知？

我一直在构建一个简单的应用程序来学习angular.js。到目前为止，我连接了MEAN堆栈中的所有部分，并且能够从Mongo保存和检索数据

该应用程序本质上是一个待办事项列表。用户可以创建一个项目，并在项目内部创建带有“TODO”的“卡片”，这些卡片可以从一个状态移动到另一个状态（“积压”、“进行中”、“完成”等）

我希望能够将通知推送到所有已连接的人，告诉他们的应用程序需要刷新才能获取最新的TODO。换句话说，假设用户A向项目A添加了一张新卡，我想向当前正在观看项目A的所有用户发送一条消息，以便他们的应用程序发布项目刷新，以获取最新和最好的信息

对如何进行有什么建议吗？哪种技术，如果有的话，我需要添加到平均堆栈中才能实现这样的功能

---

提前感谢

因为您在平均堆栈上，Node中的标准建议是使用API

它们提供了以下双向消息传递示例（这将非常方便推送消息）：

客户端

<script src="/socket.io/socket.io.js"></script>
<script>
  var socket = io.connect('http://localhost');
  socket.on('news', function (data) {
    console.log(data);
    socket.emit('my other event', { my: 'data' });
  });
</script>

它将尽可能使用websocket，并在不支持websocket的浏览器中回退到AJAX长轮询或Flash轮询

关于与Angular的集成，这里有一篇关于：

我将介绍如何集成Socket.IO以添加实时 AngularJS应用程序的功能。在本教程中，我将 演练如何编写即时消息应用程序

---

如果您已经在使用Express，您应该退房

---

它有一系列很酷的功能，如会话支持和将正常HTTP路由转发到实时路由的能力。

下面是我们编写的一个模块，用于获取在PhoneGap/Cordava中工作的AngularJS推送通知（带有完整说明）：

简单安装。还包含了在PHP中设置推送组件的代码

为什么不使用HTML5通知API

---

我知道，我不应该用评论来感谢别人，但我只是想说谢谢你花时间回答。：）您为我打开了一个全新的学习世界：）您的代码非常棒！我确实需要对pushnotification.js做一些修改。1） 您需要在“angular.module（'pushNotify'，[]）”和“phonegapReady（）”的“You's missing a closing”）”处使用空“[]”参数。然后（“…为什么不在Github上创建此参数？这样更便于人们使用，也便于其他人参与。

var app = require('http').createServer(handler)
  , io = require('socket.io').listen(app)
  , fs = require('fs')

app.listen(80);

function handler (req, res) {
  fs.readFile(__dirname + '/index.html',
  function (err, data) {
    if (err) {
      res.writeHead(500);
      return res.end('Error loading index.html');
    }

    res.writeHead(200);
    res.end(data);
  });
}

io.sockets.on('connection', function (socket) {
  socket.emit('news', { hello: 'world' });
  socket.on('my other event', function (data) {
    console.log(data);
  });
});

export default class NotificationService {
    /**
     * Constructor of the class.
     *
     */
    constructor() {}

    showPushNotification(title: string = '', message: string, iconPush) {
        if (window.Notification && Notification.permission !== "denied") {
            Notification.requestPermission(function(status) {
                var n = new Notification(title, {
                    body: message,
                    icon: iconPush
                });
            });
        }

    }
}