Created
July 7, 2014 09:18
-
-
Save jeffdonthemic/87b542cc09864fe203f4 to your computer and use it in GitHub Desktop.
Simple socket.io example
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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.sockets.emit('time', { time: new Date().toJSON() }); | |
| } | |
| // Send current time every 10 secs | |
| setInterval(sendTime, 10000); | |
| // Emit welcome message on connection | |
| io.sockets.on('connection', function(socket) { | |
| socket.emit('welcome', { message: 'Welcome!' }); | |
| socket.on('i am client', function() { | |
| console.log('received a message from the client.'); | |
| }); | |
| }); | |
| app.listen(3001); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <script src='http://code.jquery.com/jquery-1.7.2.min.js'></script> | |
| <script src='http://localhost:3001/socket.io/socket.io.js'></script> | |
| <script> | |
| var socket = io.connect('http://localhost:3001'); | |
| socket.on('welcome', function(data) { | |
| $('#messages').append('<li>' + data.message + '</li>'); | |
| socket.emit('i am client', {data: 'foo!'}); | |
| }); | |
| socket.on('time', function(data) { | |
| console.log(data); | |
| $('#messages').append('<li>' + data.time + '</li>'); | |
| }); | |
| socket.on('error', function() { console.error(arguments) }); | |
| socket.on('message', function() { console.log(arguments) }); | |
| </script> | |
| </head> | |
| <body> | |
| <ul id='messages'></ul> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment