Hoe push je meldingen met angular.js?

Aangezien je op de MEAN-stack zit, zou de standaardaanbeveling in Node zijn om de Socket.IO API te gebruiken.

Ze bieden het volgende voorbeeld van tweerichtingsberichten (wat uw pushberichten heel gemakkelijk zou vergemakkelijken):

Klant

<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>

Server

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

Het zal waar mogelijk websockets gebruiken en terugvallen op AJAX long polling of Flash polling in browsers waar er geen websocket-ondersteuning is.

Wat betreft de integratie met Angular, hier is een goede blogpost over Socket.IO en Angular:

Ik zal schrijven over hoe Socket.IO kan worden geïntegreerd om realtime-functies aan een AngularJS-toepassing toe te voegen. In deze zelfstudie loop ik door het schrijven van een instant messaging-app.