Real time web

•Transferir como PPTX, PDF•

13 gostaram•2,075 visualizações

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!

Mais conteúdo relacionado

Destaque

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

Destaque (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

Semelhante 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 from the web developer

WCF from the web developer

WCF from the web developerFlorin Cardasim

Wcf for the web developer

Wcf for the web developer

Wcf for the web developerCodecamp Romania

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

Semelhante 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 from the web developer

WCF from the web developer

WCF from the web developer

Wcf for the web developer

Wcf for the web developer

Wcf for 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

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3

Nell’iperspazio con Rocket: il Framework Web di Rust!

Nell’iperspazio con Rocket: il Framework Web di Rust!

Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University

SALESFORCE EDUCATION CLOUD | FEXLE SERVICES

SALESFORCE EDUCATION CLOUD | FEXLE SERVICES

SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521

Ensuring Technical Readiness For Copilot in Microsoft 365

Ensuring Technical Readiness For Copilot in Microsoft 365

Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited

How to write a Business Continuity Plan

How to write a Business Continuity Plan

How to write a Business Continuity PlanDatabarracks

Unleash Your Potential - Namagunga Girls Coding Club

Unleash Your Potential - Namagunga Girls Coding Club

Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar

Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024

Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024

Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3

"Debugging python applications inside k8s environment", Andrii Soldatenko

"Debugging python applications inside k8s environment", Andrii Soldatenko

"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos

Connect Wave/ connectwave Pitch Deck Presentation

Connect Wave/ connectwave Pitch Deck Presentation

Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation

WordPress Websites for Engineers: Elevate Your Brandgvaughan

Digital Identity is Under Attack: FIDO Paris Seminar.pptx

Digital Identity is Under Attack: FIDO Paris Seminar.pptx

Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3

SAP Build Work Zone - Overview L2-L3.pptx

SAP Build Work Zone - Overview L2-L3.pptx

SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal

TrustArc Webinar - How to Build Consumer Trust Through Data Privacy

TrustArc Webinar - How to Build Consumer Trust Through Data Privacy

TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc

From Family Reminiscence to Scholarly Archive .

From Family Reminiscence to Scholarly Archive .

From Family Reminiscence to Scholarly Archive .Alan Dix

Are Multi-Cloud and Serverless Good or Bad?

Are Multi-Cloud and Serverless Good or Bad?

Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays

unit 4 immunoblotting technique complete.pptx

unit 4 immunoblotting technique complete.pptx

unit 4 immunoblotting technique complete.pptxBkGupta21

Último (20)

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx

Nell’iperspazio con Rocket: il Framework Web di Rust!

Nell’iperspazio con Rocket: il Framework Web di Rust!

Nell’iperspazio con Rocket: il Framework Web di Rust!

SALESFORCE EDUCATION CLOUD | FEXLE SERVICES

SALESFORCE EDUCATION CLOUD | FEXLE SERVICES

SALESFORCE EDUCATION CLOUD | FEXLE SERVICES

Ensuring Technical Readiness For Copilot in Microsoft 365

Ensuring Technical Readiness For Copilot in Microsoft 365

Ensuring Technical Readiness For Copilot in Microsoft 365

How to write a Business Continuity Plan

How to write a Business Continuity Plan

How to write a Business Continuity Plan

Unleash Your Potential - Namagunga Girls Coding Club

Unleash Your Potential - Namagunga Girls Coding Club

Unleash Your Potential - Namagunga Girls Coding Club

Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024

Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024

Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx

"Debugging python applications inside k8s environment", Andrii Soldatenko

"Debugging python applications inside k8s environment", Andrii Soldatenko

"Debugging python applications inside k8s environment", Andrii Soldatenko

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)

Connect Wave/ connectwave Pitch Deck Presentation

Connect Wave/ connectwave Pitch Deck Presentation

Connect Wave/ connectwave Pitch Deck Presentation

WordPress Websites for Engineers: Elevate Your Brand

Digital Identity is Under Attack: FIDO Paris Seminar.pptx

Digital Identity is Under Attack: FIDO Paris Seminar.pptx

Digital Identity is Under Attack: FIDO Paris Seminar.pptx

SAP Build Work Zone - Overview L2-L3.pptx

SAP Build Work Zone - Overview L2-L3.pptx

SAP Build Work Zone - Overview L2-L3.pptx

TrustArc Webinar - How to Build Consumer Trust Through Data Privacy

TrustArc Webinar - How to Build Consumer Trust Through Data Privacy

TrustArc Webinar - How to Build Consumer Trust Through Data Privacy

From Family Reminiscence to Scholarly Archive .

From Family Reminiscence to Scholarly Archive .

From Family Reminiscence to Scholarly Archive .

Are Multi-Cloud and Serverless Good or Bad?

Are Multi-Cloud and Serverless Good or Bad?

Are Multi-Cloud and Serverless Good or Bad?

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack

unit 4 immunoblotting technique complete.pptx

unit 4 immunoblotting technique complete.pptx

unit 4 immunoblotting technique complete.pptx

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