Realtime with Node.js and Socket.io

1. REALTIME ROCKS!
No shit.

2. Hi! I’m Jeroen.

3. Realtime
Websockets with node.js and socket.io

4. Websockets?

5. WebSocket is a web technology
providing for bi-directional, full-
duplex communications channels
over a single TCP connection.
Full duplex realtime FTW!
@mlitn
Who else?

6. 1. Node.js
2. Socket.io
3. Code
4. Demo

7. 1. Node.js
2. Socket.io
3. Code
4. Demo

8. 1. Node.js
2. Socket.io
3. Code
4. Demo

9. 1. Node.js
2. Socket.io
3. Code
4. Demo

10. Node.js
http://nodejs.org

11. Node.js uses an event-driven, non-
blocking I/O model that makes it
lightweight and efficient, perfect
for data-intensive real-time
applications that run across
Serverside JavaScript.
Memory efficiency.
No deadlocks.
Node.js Event=driven.
http://nodejs.org/

12. Node.js
• Programs written in JavaScript.
• Event-driven.
• Asynchronous I/O
• Google’s V8 JavaScript engine.
• Npm.

13. Socket.io
http://socket.io

14. Socket.IO aims to make realtime
apps possible in every browser and
mobile device, blurring the
differences between the different
transport mechanisms. It's care-
Browser support.
Feed them flash haters.
And again... JavaScript!
Socket.io
http://socket.io/

15. Browser support:
Socket.io
WebSocket,
Flash,
AJAX long polling,
AJAX multipart streaming,
Forever iFrame,
JSONP Polling.
• Browser support.
• Programs written in JavaScript.
• Included in npm.
• WebSocket/Flash/AJAX/Forever/
JSONP.

16. Code Custom events,
Here be dragons.

17. Setup
• Download and install node.js
• http://nodejs.org/#download
• Install socket.io
• npm install socket.io
• Run server JavaScript.
• node js/server.js

18. Server
https://github.com/Vanbosse/websockets-demo/
blob/master/js/server.js

19. Client
https://github.com/Vanbosse/websockets-demo/
blob/master/js/client.js

20. Demo
https://github.com/Vanbosse/websockets-demo

21. Clone https://github.com/Vanbosse/websockets-
demo
and go play. Hosting?
http://nodejs.be
(Openminds)

22. Questions?

23. twitter.com/vanbosse
jeroen@wijs.be
www.wijs.be