What is an example of the simplest possible Socket.io example?

by

Edit: I feel it’s better for anyone to consult the excellent chat example on the Socket.IO getting started page. The API has been quite simplified since I provided this answer. That being said, here is the original answer updated small-small for the newer API.

Just because I feel nice today:

index.html

<!doctype html>
<html>
    <head>
        <script src="https://stackoverflow.com/socket.io/socket.io.js"></script>
        <script>
            var socket = io();

            socket.on('welcome', function(data) {
                addMessage(data.message);

                // Respond with a message including this clients' id sent from the server
                socket.emit('i am client', {data: 'foo!', id: data.id});
            });
            socket.on('time', function(data) {
                addMessage(data.time);
            });
            socket.on('error', console.error.bind(console));
            socket.on('message', console.log.bind(console));

            function addMessage(message) {
                var text = document.createTextNode(message),
                    el = document.createElement('li'),
                    messages = document.getElementById('messages');

                el.appendChild(text);
                messages.appendChild(el);
            }
        </script>
    </head>
    <body>
        <ul id='messages'></ul>
    </body>
</html>

app.js

var http = require('http'),
    fs = require('fs'),
    // NEVER use a Sync function except at start-up!
    index = fs.readFileSync(__dirname + '/index.html');

// Send index.html to all requests
var app = http.createServer(function(req, res) {
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.end(index);
});

// Socket.io server listens to our app
var io = require('socket.io').listen(app);

// Send current time to all connected clients
function sendTime() {
    io.emit('time', { time: new Date().toJSON() });
}

// Send current time every 10 secs
setInterval(sendTime, 10000);

// Emit welcome message on connection
io.on('connection', function(socket) {
    // Use socket to communicate with this particular client only, sending it it's own id
    socket.emit('welcome', { message: 'Welcome!', id: socket.id });

    socket.on('i am client', console.log);
});

app.listen(3000);

More Related Contents:

  1. How to share sessions with Socket.IO 1.x and Express 4.x?
  2. Socket.io + Node.js Cross-Origin Request Blocked
  3. WebSockets and Apache proxy: how to configure mod_proxy_wstunnel?
  4. socket.io and session?
  5. nginx as webserver incl. socket.io and node.js / ws:// 400 Bad Request
  6. Get the client’s IP address in socket.io
  7. Socket.IO – how do I get a list of connected sockets/clients?
  8. Which websocket library to use with Node.js? [closed]
  9. Authenticating socket io connections using JWT
  10. How to reuse redis connection in socket.io?
  11. socket.io rooms or namespacing?
  12. Use socket.io inside a express routes file
  13. What’s the difference between io.sockets.emit and broadcast?
  14. socket.io and express 4 sessions
  15. How do I get a list of connected sockets/clients with Socket.IO?
  16. Send custom data along with handshakeData in socket.io?
  17. Node.js client for a socket.io server
  18. How to get room’s clients list in socket.io 1.0
  19. Examples in using RedisStore in socket.io
  20. how to list rooms on socket.io nodejs server
  21. Controlling the heartbeat timeout from the client in socket.io
  22. socket.io force a disconnect over XHR-polling
  23. Websocket transport reliability (Socket.io data loss during reconnection)
  24. How to resolve a Socket.io 404 (Not Found) error?
  25. Can I access a cookie from Socket.io?
  26. How to use socket.io in express routes?
  27. NPM – Can’t install socket.IO
  28. Socket.io rooms difference between broadcast.to and sockets.in
  29. How to connect two node.js servers with websockets?
  30. socket.io private message

Leave a Comment