Let's get real-time...

OK, now that we have our static site set up, its time to start adding real-time components. As we said at the top of this section, we're going to do four things:

• Connect anonymously to the server
• Subscribe to the pubsub node
• Retrieve a page of historical results
• Tell the server we're online and receive real-time updates

We've already learned about anonymous server connections, so remembering back to Chapter 5, Building a Multi-User Chat (MUC) Application, we will edit the xmpp.js file to read as follows:

$(window.document).ready(function() { 
  var socket = new Primus('//' + window.document.location.host) 
  socket.on('error', function(error) { console.error(error) }) 
  var login = function() { 
    socket.send( 
      'xmpp.login.anonymous', 
      { jid: '@anonymous.localhost' } 
    ) 
    socket.on('xmpp.connection', function(data) { 
      console.log('Connected as', data.jid) 
      /* subscribeToNode() // Not implemented...