javascript – 如何使用angular.js推送通知?

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

该应用程序本质上是一个待办事项列表。用户可以创建一个项目,并在项目内部创建“卡”,然后将其从“状态”移动到“状态”(“积压”“正在进行”,“完成”等)

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

有关如何进行的任何建议?哪个技术,如果有的话,我需要添加到MEAN堆栈才能做这样的事情?

提前致谢

由于您在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 and Angular上的一个很好的博文:

I’ll be writing about how to integrate Socket.IO to add real-time
features to an AngularJS application. In this tutorial, I’m going to
walk through writing a instant messaging app.

http://stackoverflow.com/questions/20318295/how-to-push-notifications-with-angular-js

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – 如何使用angular.js推送通知?