1. Real-Time Web
With socket.io and node.js

2. Request (URL)
Client Server
Response (static page, JSON, ...)
Good old HTTP Request and Response

3. Auto Refresh
Ajax Polling
Long Polling
FlashSocket
CometD
iframe
Push server data to the client

4. WebSocket
Push server data to the client

5. WebSocket
Client
Server

6. WebSocket
Client
HTTP 80/443
equest R
Handshake
Server

7. WebSocket
Client
HTTP 80/443
ponse
equest
ake Res
R
Handshake
Handsh
Connection Upgrade
Server

8. WebSocket
Client
HTTP 80/443
ponse
equest
ake Res
R
Handshake
Handsh
Connection Upgrade
Server

9. WebSocket
Client
HTTP 80/443
ponse
equest
ake Res
R
Data 1
Handshake
Handsh
Connection Upgrade
Server

10. WebSocket
Client
HTTP 80/443
ponse
equest
ake Res
R
Data 1
Data 2
Handshake
Handsh
Connection Upgrade
Server

11. WebSocket
Client
HTTP 80/443
ponse
equest
ake Res
R
Data 1
Data 2
Data 3
Handshake
Handsh
Connection Upgrade
Server

12. HTTP 80/443
R equest
Handshake
WebSocket
Handsh
ake Res
ponse
Connection Upgrade
Data 1
Data 2
Client
Server
Data 3
Data 4

13. Socket.io
WebSocket-Support with fallbacks
• IE 5.5+
• WebSocket • Safari 3+
• Adobe Flash • Google Chrome 4+
Socket • Firefox 3+
• AJAX long polling • Opera 10.61+
• AJAX multipart
streaming • iPhone Safari
• Forever IFrame • iPad Safari
• JSONP Polling • Android WebKit
• WebOs WebKit

14. Client code = server code?
node.js
a server based on the V8 Google Chrome engine

15. Let’s get dirty
http://nodejs.org/#download

16. Let’s get dirty
http://nodejs.org/#download
Installation

17. Let’s get dirty
http://nodejs.org/#download
Installation
mkdir insidrrr
cd insidrrr
npm install socket.io

18. Coding

19. Thank You
Simon Tiffert | Twitter: geveo | DevLead @ Viaboxx