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

Question

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

该应用程序本质上是一个待办事项列表.用户可以创建一个项目,在项目内部创建带有"todos"的"卡片",然后可以从一个状态移动到另一个状态("积压","正在进行","完成"等)

我希望能够将通知推送给所有连接的人,告诉他们的应用程序需要刷新才能获得最新的待办事项.换句话说,假设用户A向项目A添加了一张新卡,我想向正在观看项目A的所有用户发送消息,以便他们的应用程序发出项目刷新以获得最新和最好的.

有关如何进行的任何建议？我需要将哪种技术添加到MEAN堆栈才能执行此类操作？

提前致谢

Answer 1

由于您在MEAN堆栈上,因此Node中的标准建议是使用Socket.IO 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>

服务器

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);
  });
});

它将尽可能使用websockets,并在没有websocket支持的浏览器中回退到AJAX长轮询或Flash轮询.

至于与Angular的集成,这里有一篇关于Socket.IO和Angular的好文章:

我将写一篇关于如何集成Socket.IO以向AngularJS应用程序添加实时功能的文章.在本教程中,我将介绍编写即时消息应用程序.