Insidrrr Day 1: Simon Tiffert - Real Time Web
Upcoming SlideShare
Loading in...5
×
 

Insidrrr Day 1: Simon Tiffert - Real Time Web

on

  • 626 views

 

Statistics

Views

Total Views
626
Views on SlideShare
625
Embed Views
1

Actions

Likes
0
Downloads
1
Comments
0

1 Embed 1

http://klick-ass.com 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • 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
  • Bisher \n- Ajax Polling\n- Flash injection\n- Long running polling\n- Cometd\n
  • Bisher \n- Ajax Polling\n- Flash injection\n- Long running polling\n- Cometd\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • HTML5 Standard\n
  • \n
  • HTML5 ist in Bewegung, und die Browser erst recht\n- Heartbeat\n- Topics\n\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Insidrrr Day 1: Simon Tiffert - Real Time Web Insidrrr Day 1: Simon Tiffert - Real Time Web Presentation Transcript

  • Real-Time WebWith socket.io and node.js
  • Request (URL)Client Server Response (static page, JSON, ...) Good old HTTP Request and Response
  • Auto RefreshAjax Polling Long Polling FlashSocket CometD iframe Push server data to the client
  • WebSocket Push server data to the client
  • WebSocket Client Server
  • WebSocket Client HTTP 80/443 equest R Handshake Server
  • WebSocket Client HTTP 80/443 ponse equest ake Res R Handshake Handsh Connection Upgrade Server
  • WebSocket Client HTTP 80/443 ponse equest ake Res R Handshake Handsh Connection Upgrade Server
  • WebSocket Client HTTP 80/443 ponse equest ake Res R Data 1 Handshake Handsh Connection Upgrade Server
  • WebSocket Client HTTP 80/443 ponse equest ake Res R Data 1 Data 2 Handshake Handsh Connection Upgrade Server
  • WebSocket Client HTTP 80/443 ponse equest ake Res R Data 1 Data 2 Data 3 Handshake Handsh Connection Upgrade Server
  • HTTP 80/443 R equest Handshake WebSocket Handsh ake Res ponse Connection Upgrade Data 1 Data 2 ClientServer Data 3 Data 4
  • 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
  • Client code = server code? node.js a server based on the V8 Google Chrome engine
  • Let’s get dirty http://nodejs.org/#download
  • Let’s get dirty http://nodejs.org/#download Installation
  • Let’s get dirty http://nodejs.org/#download Installation mkdir insidrrr cd insidrrr npm install socket.io
  • Coding
  • Thank YouSimon Tiffert | Twitter: geveo | DevLead @ Viaboxx