Real time web

•Descargar como PPTX, PDF•

13 recomendaciones•2,075 vistas

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

Nice to meet you!

叶玎玎
yedingding@gmail.com

https://github.com/sishen

@yedingding

@yedingding
http://weibo.com/presently

https://pragmatic.ly

Let’s Begin

UX-driven evolution of Web

What’s “Real Time”?

Show Me!

Instant Messaging

Apple Push Notification

Internet Game

Persistent
Connection

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 Long
Polling Polling

Flash
HTTP Socke
Streaming t

…… WebSocket

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 Fast

http://www.devilslab.com/wp-content/uploads/2010/08/fast_snail_id86636_size350.jpg

Light Weight

Slanger
Open Source Pusher Server
Good for Dev

em-websocket
EventMachine based
WebSocket Server

HipChat

HipChat

 Long Polling
 XHR Polling
 HTTP Streaming
 Flash Socket
 WebSocket

BOSH
Bidirectional-Streams Over
Synchronous HTTP

Easy to Scale

Easy to Extend

Works
Everywhere

http://i.cmpnet.com/bmighty/images/slideshows/20090121/slide1A.jpg

Jabber Clients

RubyBOSH

stropheruby
libstrophe.js

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!

Más contenido relacionado

Destacado

Nostaljik Reklamlar

Nostaljik Reklamlar

Nostaljik Reklamlarhalid şen

Zima sisljavicGavranica

Toledodesdeelaire

Toledodesdeelaire

Toledodesdeelairepocomancha

kumamoto foodkitazaki.haruka

Zakonczenie studiow podyplomowych: INFORMATYKA 2007/2008

Zakonczenie studiow podyplomowych: INFORMATYKA 2007/2008

Zakonczenie studiow podyplomowych: INFORMATYKA 2007/2008Maria Ptak

Miejsca opuszczone

Miejsca opuszczone

Miejsca opuszczoneagata stanisz

Unmanned Eyes In The Commercial Skies Presentation

Unmanned Eyes In The Commercial Skies Presentation

Unmanned Eyes In The Commercial Skies Presentationmseraj

Lyddie: Unit3 lesson4

Lyddie: Unit3 lesson4

Lyddie: Unit3 lesson4Terri Weiss

A Long Walk to Water - Lssn 6

A Long Walk to Water - Lssn 6

A Long Walk to Water - Lssn 6Terri Weiss

A Long Walk to Water - Lssn 9

A Long Walk to Water - Lssn 9

A Long Walk to Water - Lssn 9Terri Weiss

A Long Walk to Water: Lesson4 unit3

A Long Walk to Water: Lesson4 unit3

A Long Walk to Water: Lesson4 unit3Terri Weiss

Prairie Dog by DeAirick

Prairie Dog by DeAirick

Prairie Dog by DeAirickvebrya

Virtuous Spiral or Vicious Circle?

Virtuous Spiral or Vicious Circle?

Virtuous Spiral or Vicious Circle?Martin Rehm

Examenopleiding energieconsulent mfl

Examenopleiding energieconsulent mfl

Examenopleiding energieconsulent mflwweijmans

Wolverineguest1a0c81

Raccoon by Charles

Raccoon by Charles

Raccoon by Charlesvebrya

Рынок смартфонов и планшетов США. 2012 и 2013

Рынок смартфонов и планшетов США. 2012 и 2013

Рынок смартфонов и планшетов США. 2012 и 2013Maria Podolyak

Refik Saydam Hifzisihha Merkezinin TanıDaki Rolu

Refik Saydam Hifzisihha Merkezinin TanıDaki Rolu

Refik Saydam Hifzisihha Merkezinin TanıDaki Roluanttab

How To Make Cookies Of Tea

How To Make Cookies Of Tea

How To Make Cookies Of Teaemi902

First Grade ExploreOrrs

First Grade ExploreOrrs

First Grade ExploreOrrsJennifer Orr

Destacado (20)

Nostaljik Reklamlar

Nostaljik Reklamlar

Nostaljik Reklamlar

Zima sisljavic

Toledodesdeelaire

Toledodesdeelaire

Toledodesdeelaire

kumamoto food

Zakonczenie studiow podyplomowych: INFORMATYKA 2007/2008

Zakonczenie studiow podyplomowych: INFORMATYKA 2007/2008

Zakonczenie studiow podyplomowych: INFORMATYKA 2007/2008

Miejsca opuszczone

Miejsca opuszczone

Miejsca opuszczone

Unmanned Eyes In The Commercial Skies Presentation

Unmanned Eyes In The Commercial Skies Presentation

Unmanned Eyes In The Commercial Skies Presentation

Lyddie: Unit3 lesson4

Lyddie: Unit3 lesson4

Lyddie: Unit3 lesson4

A Long Walk to Water - Lssn 6

A Long Walk to Water - Lssn 6

A Long Walk to Water - Lssn 6

A Long Walk to Water - Lssn 9

A Long Walk to Water - Lssn 9

A Long Walk to Water - Lssn 9

A Long Walk to Water: Lesson4 unit3

A Long Walk to Water: Lesson4 unit3

A Long Walk to Water: Lesson4 unit3

Prairie Dog by DeAirick

Prairie Dog by DeAirick

Prairie Dog by DeAirick

Virtuous Spiral or Vicious Circle?

Virtuous Spiral or Vicious Circle?

Virtuous Spiral or Vicious Circle?

Examenopleiding energieconsulent mfl

Examenopleiding energieconsulent mfl

Examenopleiding energieconsulent mfl

Wolverine

Raccoon by Charles

Raccoon by Charles

Raccoon by Charles

Рынок смартфонов и планшетов США. 2012 и 2013

Рынок смартфонов и планшетов США. 2012 и 2013

Рынок смартфонов и планшетов США. 2012 и 2013

Refik Saydam Hifzisihha Merkezinin TanıDaki Rolu

Refik Saydam Hifzisihha Merkezinin TanıDaki Rolu

Refik Saydam Hifzisihha Merkezinin TanıDaki Rolu

How To Make Cookies Of Tea

How To Make Cookies Of Tea

How To Make Cookies Of Tea

First Grade ExploreOrrs

First Grade ExploreOrrs

First Grade ExploreOrrs

Similar a Real time web

Web SocketsPaul Fryer

Websockets with ruby

Websockets with ruby

Websockets with rubyStoyan Zhekov

Building an Event-driven Web @ Impact

Building an Event-driven Web @ Impact

Building an Event-driven Web @ ImpactJeff Lindsay

Cowboy rabbit-websockets

Cowboy rabbit-websockets

Cowboy rabbit-websocketsWade Mealing

Codecamp iasi-26 nov 2011-web sockets

Codecamp iasi-26 nov 2011-web sockets

Codecamp iasi-26 nov 2011-web socketsCodecamp Romania

Codecamp Iasi-26 nov 2011 - Html 5 WebSockets

Codecamp Iasi-26 nov 2011 - Html 5 WebSockets

Codecamp Iasi-26 nov 2011 - Html 5 WebSocketsFlorin Cardasim

HTML5 WebSocket: The New Network Stack for the Web

HTML5 WebSocket: The New Network Stack for the Web

HTML5 WebSocket: The New Network Stack for the WebPeter Lubbers

Connected Web Systems

Connected Web Systems

Connected Web SystemsDamir Dobric

Андрей Бойко - Azure Web App для PHP и Node.Js разработчиков

Андрей Бойко - Azure Web App для PHP и Node.Js разработчиков

Андрей Бойко - Azure Web App для PHP и Node.Js разработчиковHackraft

Websocket艾鍗科技

HWIOS Websocket CMS explained

HWIOS Websocket CMS explained

HWIOS Websocket CMS explainedphrearch

Websocket in iOS application to create real-time applications

Websocket in iOS application to create real-time applications

Websocket in iOS application to create real-time applicationsRoman Barzyczak

Wcf for the web developer

Wcf for the web developer

Wcf for the web developerCodecamp Romania

WCF from the web developer

WCF from the web developer

WCF from the web developerFlorin Cardasim

Websocket vs SSE - Paris.js - 24/06/15

Websocket vs SSE - Paris.js - 24/06/15

Websocket vs SSE - Paris.js - 24/06/15streamdata.io

Intro to WebSockets

Intro to WebSockets

Intro to WebSocketsGaurav Oberoi

realtime - passado, presente e futuro

realtime - passado, presente e futuro

realtime - passado, presente e futuroAndrews Medina

Writing Portable WebSockets in Java

Writing Portable WebSockets in Java

Writing Portable WebSockets in Javajfarcand

HTML5 and Beyond

HTML5 and Beyond

HTML5 and Beyonddynamis

Similar a Real time web (20)

Web Sockets

Websockets with ruby

Websockets with ruby

Websockets with ruby

Building an Event-driven Web @ Impact

Building an Event-driven Web @ Impact

Building an Event-driven Web @ Impact

Cowboy rabbit-websockets

Cowboy rabbit-websockets

Cowboy rabbit-websockets

Codecamp iasi-26 nov 2011-web sockets

Codecamp iasi-26 nov 2011-web sockets

Codecamp iasi-26 nov 2011-web sockets

Codecamp Iasi-26 nov 2011 - Html 5 WebSockets

Codecamp Iasi-26 nov 2011 - Html 5 WebSockets

Codecamp Iasi-26 nov 2011 - Html 5 WebSockets

HTML5 WebSocket: The New Network Stack for the Web

HTML5 WebSocket: The New Network Stack for the Web

HTML5 WebSocket: The New Network Stack for the Web

Connected Web Systems

Connected Web Systems

Connected Web Systems

Андрей Бойко - Azure Web App для PHP и Node.Js разработчиков

Андрей Бойко - Azure Web App для PHP и Node.Js разработчиков

Андрей Бойко - Azure Web App для PHP и Node.Js разработчиков

Websocket

HWIOS Websocket CMS explained

HWIOS Websocket CMS explained

HWIOS Websocket CMS explained

Websocket in iOS application to create real-time applications

Websocket in iOS application to create real-time applications

Websocket in iOS application to create real-time applications

Wcf for the web developer

Wcf for the web developer

Wcf for the web developer

WCF from the web developer

WCF from the web developer

WCF from the web developer

Websocket vs SSE - Paris.js - 24/06/15

Websocket vs SSE - Paris.js - 24/06/15

Websocket vs SSE - Paris.js - 24/06/15

Intro to WebSockets

Intro to WebSockets

Intro to WebSockets

Ws

realtime - passado, presente e futuro

realtime - passado, presente e futuro

realtime - passado, presente e futuro

Writing Portable WebSockets in Java

Writing Portable WebSockets in Java

Writing Portable WebSockets in Java

HTML5 and Beyond

HTML5 and Beyond

HTML5 and Beyond

Último

Artificial Intelligence Chap.5 : Uncertainty

Artificial Intelligence Chap.5 : Uncertainty

Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya

DBX First Quarter 2024 Investor Presentation

DBX First Quarter 2024 Investor Presentation

DBX First Quarter 2024 Investor PresentationDropbox

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Introduction to Multilingual Retrieval Augmented Generation (RAG)Zilliz

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...apidays

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Elevate Developer Efficiency & build GenAI Application with Amazon QBhuvaneswari Subramani

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity

CNIC Information System with Pakdata Cf In Pakistan

CNIC Information System with Pakdata Cf In Pakistan

CNIC Information System with Pakdata Cf In Pakistandanishmna97

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub

ICT role in 21st century education and its challenges

ICT role in 21st century education and its challenges

ICT role in 21st century education and its challengesrafiqahmad00786416

Understanding the FAA Part 107 License ..

Understanding the FAA Part 107 License ..

Understanding the FAA Part 107 License ..Christopher Logan Kennedy

Corporate and higher education May webinar.pptx

Corporate and higher education May webinar.pptx

Corporate and higher education May webinar.pptxRustici Software

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...apidays

Último (20)

Artificial Intelligence Chap.5 : Uncertainty

Artificial Intelligence Chap.5 : Uncertainty

Artificial Intelligence Chap.5 : Uncertainty

DBX First Quarter 2024 Investor Presentation

DBX First Quarter 2024 Investor Presentation

DBX First Quarter 2024 Investor Presentation

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Elevate Developer Efficiency & build GenAI Application with Amazon Q

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

CNIC Information System with Pakdata Cf In Pakistan

CNIC Information System with Pakdata Cf In Pakistan

CNIC Information System with Pakdata Cf In Pakistan

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

ICT role in 21st century education and its challenges

ICT role in 21st century education and its challenges

ICT role in 21st century education and its challenges

Understanding the FAA Part 107 License ..

Understanding the FAA Part 107 License ..

Understanding the FAA Part 107 License ..

Corporate and higher education May webinar.pptx

Corporate and higher education May webinar.pptx

Corporate and higher education May webinar.pptx

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Real time web

1.

2.

3.

4. Nice to meet you! 叶玎玎 yedingding@gmail.com https://github.com/sishen @yedingding @yedingding http://weibo.com/presently

5. https://pragmatic.ly

6. Let’s Begin

7.

8. UX-driven evolution of Web

9.

10. What’s “Real Time”?

12. Instant Messaging

13. Apple Push Notification

14. Internet Game

15. Persistent Connection

16. Real Time in Web?

17. Persistent Connection between Brower and Server

19. Based on HTTP Protocol  Request - Response Protocol 

20. HTTP Protocol   Stateless Protocol

21.

22. Solutions  XHR Polling  Long Polling  HTTP Streaming  Flash Socket  WebSocket  ….

23. XHR Polling

24. Long Polling

25. HTTP Streaming

26. Flash Socket

28. XHR Long Polling Polling Flash HTTP Socke Streaming t …… WebSocket

29. How to Choose?

30. Real Time Centric VS Real Time Supplemental

31. Real Examples

32. Pragmatic.ly

33. Pragmatic.ly  WebSocket  XHR Polling  Long Polling  HTTP Streaming  Flash Socket

34. Integration Fast

35. Work Fast http://www.devilslab.com/wp-content/uploads/2010/08/fast_snail_id86636_size350.jpg

36. Light Weight

37.

38. Slanger Open Source Pusher Server Good for Dev

39. em-websocket EventMachine based WebSocket Server

41.

42. HipChat  Long Polling  XHR Polling  HTTP Streaming  Flash Socket  WebSocket

43. BOSH Bidirectional-Streams Over Synchronous HTTP

44.

45. Easy to Scale

46. Easy to Extend

47. Works Everywhere http://i.cmpnet.com/bmighty/images/slideshows/20090121/slide1A.jpg

48. Jabber Clients

50. stropheruby libstrophe.js

51.

52. Twitter Web

53. Real Time is sugar

54. Twitter Web  XHR Polling  Long Polling  HTTP Streaming  Flash Socket  WebSocket

55.

56. Acceptable Smart interval

57. Save Resource

58. Twitter Streaming API

59. Twitter Streaming API  HTTP Streaming  XHR Polling  Long Polling  Flash Socket  WebSocket

60.

61. Low Overhead

62. Low Latency

63. API Friendly

64. Rainbow Thin

65. Rack::Stream

67. Weibo Web  XHR Polling  Long Polling  HTTP Streaming  Flash Socket  WebSocket

68. Weibo IM  Long Polling  XHR Polling  HTTP Streaming  Flash Socket  WebSocket

69. Bayeux Protocol