0
Nice to meet you! 叶玎玎             yedingding@gmail.com             https://github.com/sishen             @yedingding      ...
https://pragmatic.ly
Let’s Begin
UX-driven evolution of Web
What’s “Real Time”?
Show Me!
Instant Messaging
Apple Push Notification
Internet Game
PersistentConnection
Real Time in Web?
Persistent Connection       between Brower and Server
But
Based on HTTP Protocol   Request - Response Protocol
HTTP Protocol   Stateless Protocol
Solutions XHR Polling Long Polling HTTP Streaming Flash Socket WebSocket ….
XHR Polling
Long Polling
HTTP Streaming
Flash Socket
WebSocket
XHR            LongPolling        Polling                     Flash  HTTP               SockeStreaming              t     ...
How to Choose?
Real Time Centric             VS      Real Time Supplemental
Real Examples
Pragmatic.ly
Pragmatic.ly WebSocket XHR Polling Long Polling HTTP Streaming Flash Socket
Integration Fast
Work Fasthttp://www.devilslab.com/wp-content/uploads/2010/08/fast_snail_id86636_size350.jpg
Light Weight
SlangerOpen Source Pusher Server      Good for Dev
em-websocketEventMachine based WebSocket Server
HipChat
HipChat Long   Polling XHR Polling HTTP Streaming Flash Socket WebSocket
BOSHBidirectional-Streams Over    Synchronous HTTP
Easy to Scale
Easy to Extend
Works                                                     Everywherehttp://i.cmpnet.com/bmighty/images/slideshows/20090121...
Jabber Clients
RubyBOSH
stropherubylibstrophe.js
Twitter Web
Real Time is sugar
Twitter Web   XHR Polling Long    Polling HTTP Streaming Flash Socket WebSocket
Acceptable Smart interval
Save Resource
Twitter Streaming API
Twitter Streaming API HTTP Streaming XHR Polling Long    Polling   Flash Socket WebSocket
Low Overhead
Low Latency
API Friendly
Rainbow Thin
Rack::Stream
Weibo
Weibo Web   XHR Polling Long    Polling HTTP Streaming Flash Socket WebSocket
Weibo IM Long   Polling XHR Polling HTTP Streaming Flash Socket WebSocket
Bayeux Protocol
Faye
Thank You!
Real time web
Real time web
Real time web
Real time web
Real time web
Real time web
Real time web
Real time web
Real time web
Real time web
Real time web
Real time web
Upcoming SlideShare
Loading in...5
×

Real time web

2,881

Published on

The talk I did at 2012 Ruby Conf China. Introduction to real time web, solutions and how to choose different solution for different site.

Published in: Technology
1 Comment
12 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,881
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
96
Comments
1
Likes
12
Embeds 0
No embeds

No notes for slide

Transcript of "Real time web"

  1. 1. Nice to meet you! 叶玎玎 yedingding@gmail.com https://github.com/sishen @yedingding @yedingding http://weibo.com/presently
  2. 2. https://pragmatic.ly
  3. 3. Let’s Begin
  4. 4. UX-driven evolution of Web
  5. 5. What’s “Real Time”?
  6. 6. Show Me!
  7. 7. Instant Messaging
  8. 8. Apple Push Notification
  9. 9. Internet Game
  10. 10. PersistentConnection
  11. 11. Real Time in Web?
  12. 12. Persistent Connection between Brower and Server
  13. 13. But
  14. 14. Based on HTTP Protocol Request - Response Protocol
  15. 15. HTTP Protocol Stateless Protocol
  16. 16. Solutions XHR Polling Long Polling HTTP Streaming Flash Socket WebSocket ….
  17. 17. XHR Polling
  18. 18. Long Polling
  19. 19. HTTP Streaming
  20. 20. Flash Socket
  21. 21. WebSocket
  22. 22. XHR LongPolling Polling Flash HTTP SockeStreaming t …… WebSocket
  23. 23. How to Choose?
  24. 24. Real Time Centric VS Real Time Supplemental
  25. 25. Real Examples
  26. 26. Pragmatic.ly
  27. 27. Pragmatic.ly WebSocket XHR Polling Long Polling HTTP Streaming Flash Socket
  28. 28. Integration Fast
  29. 29. Work Fasthttp://www.devilslab.com/wp-content/uploads/2010/08/fast_snail_id86636_size350.jpg
  30. 30. Light Weight
  31. 31. SlangerOpen Source Pusher Server Good for Dev
  32. 32. em-websocketEventMachine based WebSocket Server
  33. 33. HipChat
  34. 34. HipChat Long Polling XHR Polling HTTP Streaming Flash Socket WebSocket
  35. 35. BOSHBidirectional-Streams Over Synchronous HTTP
  36. 36. Easy to Scale
  37. 37. Easy to Extend
  38. 38. Works Everywherehttp://i.cmpnet.com/bmighty/images/slideshows/20090121/slide1A.jpg
  39. 39. Jabber Clients
  40. 40. RubyBOSH
  41. 41. stropherubylibstrophe.js
  42. 42. Twitter Web
  43. 43. Real Time is sugar
  44. 44. Twitter Web XHR Polling Long Polling HTTP Streaming Flash Socket WebSocket
  45. 45. Acceptable Smart interval
  46. 46. Save Resource
  47. 47. Twitter Streaming API
  48. 48. Twitter Streaming API HTTP Streaming XHR Polling Long Polling Flash Socket WebSocket
  49. 49. Low Overhead
  50. 50. Low Latency
  51. 51. API Friendly
  52. 52. Rainbow Thin
  53. 53. Rack::Stream
  54. 54. Weibo
  55. 55. Weibo Web XHR Polling Long Polling HTTP Streaming Flash Socket WebSocket
  56. 56. Weibo IM Long Polling XHR Polling HTTP Streaming Flash Socket WebSocket
  57. 57. Bayeux Protocol
  58. 58. Faye
  59. 59. Thank You!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×