Total.js + socket.io = realtime communication

Socket.io (www.socket.io) is one of the most famous and professional library to real time communication. Socket.IO enables real-time bidirectional event-based communication.
It works on every platform, browser or device, focusing equally on reliability and speed. Most well-known usage this library:

  • Real-time analytics – Push data to clients that gets represented as real-time counters, charts or logs.
  • Binary streaming – Starting in 1.0, it’s possible to send any blob back and forth: image, audio, video.
  • Instant messaging and chat – Socket.IO’s “Hello world” is a chat app in just a few lines of code.
  • Document collaboration – Allow users to concurrently edit a document and see each other’s changes.

In below article will be presented consolidation socket.io module with Total.js platform.

Assumptions and Benefits our project:

  • Main objective: integration Total.js with socket.io library for realtime communication

Below presented skeleton/project You can find on my GitHub repository: https://github.com/maxprog/total.js-socket.io.git

Structure of Total.js directories is following:

The most important:

In case of integration Total.js  with socket.io You have to do following steps:

1. Add to config line configuration allow-websocket: false to disable web socket lib

2. Implement integration socket.io library with total.js  in main total.js file server (e.g. debug.js, release.js or in any defined by You file)

3. Place in index.html javascript socket.io reference responsible for communication client side with node.js server

<script src=’/socket.io/socket.io.js’></script>

4. Implement javascript functionality responsible for communication by socket.io on client side (index.html or layout.html)

4. Bind functions of socket.io javascript with html tags to handle events for incoming and sending message

 

The last operation it is installation process all necessary modules and run total.js server:

      1. Install the total.js  in project directory
        npm install 
        
      2. Start the server from the root directory of project
        node debug.js
        
      3. You should see information that total.js was started

Visit http://localhost:8000, open two or more browsers and start work on messenger

April 4th, 2017

  • Thank you so much for providing individuals with an extremely marvellous chance to read articles and blog posts from this blog. It’s usually very pleasing and as well , jam-packed with fun for me personally and my office acquaintances to visit the blog more than three times a week to see the new secrets you will have. And lastly, we are certainly motivated with all the great techniques you give. Selected two ideas in this post are particularly the best we have all had..

  • Good day! I just wish to give a huge thumbs up for the great information you could have here on this post. I will likely be coming back to your blog for extra soon..

  • Oh my goodness! an amazing article dude. Thanks Nevertheless I’m experiencing issue with ur rss . Don’t know why Unable to subscribe to it. Is there anybody getting identical rss drawback? Anyone who knows kindly respond. Thnkx.

  • I do not even know how I finished up here, however I thought this submit was great. I do not recognize who you’re however certainly you are going to a famous blogger in case you are not already 😉 Cheers!.