Insidrrr Day 1: Simon Tiffert - Real Time Web
Download as KEY, PDF0 likes498 views
The document discusses real-time web technologies using socket.io and node.js. It allows for push communication from server to client without client polling. Older technologies like Ajax polling and long polling required the client to repeatedly ask the server for new data. Newer technologies like websockets allow for true push capabilities with real-time bidirectional communication between client and server. Socket.io provides websocket support with fallback options to older browsers. It also discusses setting up a basic node.js and socket.io environment with instructions on downloading, installing node.js, and installing socket.io with npm.
Insidrrr Day 1: Simon Tiffert - Real Time Web
- 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
Editor's Notes
- #2: \n
- #3: Request und Response - hat uns weit gebracht\nAber hat auch die Grenzen für manche Arten von Anwendungen aufgezeigt.\n\nDauerhafter Datenfluss von Client => Server und von Server => Client sind echte Herausforderungen\n
- #4: Bisher \n- Ajax Polling\n- Flash injection\n- Long running polling\n- Cometd\n
- #5: Bisher \n- Ajax Polling\n- Flash injection\n- Long running polling\n- Cometd\n
- #6: HTML5 Standard\n
- #7: HTML5 Standard\n
- #8: HTML5 Standard\n
- #9: HTML5 Standard\n
- #10: HTML5 Standard\n
- #11: HTML5 Standard\n
- #12: HTML5 Standard\n
- #13: HTML5 Standard\n
- #14: HTML5 Standard\n
- #15: HTML5 Standard\n
- #16: HTML5 Standard\n
- #17: HTML5 Standard\n
- #18: HTML5 Standard\n
- #19: HTML5 Standard\n
- #20: \n
- #21: HTML5 ist in Bewegung, und die Browser erst recht\n- Heartbeat\n- Topics\n\n
- #22: \n
- #23: \n
- #24: \n
- #25: \n
- #26: \n
- #27: \n
- #28: \n
- #29: \n
- #30: \n