HowToCode: Reverse AJAX / Http-Push / "Comet" – Kann der Server Clients aktiv infomieren?

imageDurch eine Problemstellung bei Kollegen bin ich auf ein interessantes Thema gestoßen: HTTP Push/Reverse Ajax. Bei einem normalen Einsatz von AJAX schickt der Client (Browser) einen Request zum Server und dieser Antwortet – asynchron natürlich. Doch gibt es eine Möglichkeit dass auch der Server den Client informiert – ohne Polling? Hat jemand bereits in diesem Gebiet (mit .NET “Integration” ) Erfahrung gesammelt?

HTTP – Request & Response

Die Kommunikation über HTTP geht nur, wenn ein Client einen Request zum Server sendet. Dieser schickt daraufhin eine Response. Bei AJAX passiert dies ganze asynchron. In bestimmten Szenarien ist es aber wichtig, dass die Clients quasi in Real Time benachrichtig werden.

imageSzenarien

Typisches Beispiel dafür ist z.B. eine Aktienkurs Anwendung, ein Chat oder ein Multiplayer Spiel. Google Mail / Talk / Docs oder Meebo ist dies z.B. in der Realität zu sehen.

Das Problem bei normalen AJAX 

Durch die Natur von HTTP muss die Kommunikation vom Client aus erfolgen, d.h. im einfachsten Fall macht man vom Client aus ein Polling am Server – das ist allerdings alles andere als nett für den Server (Skalierbarkeit) und zudem hat man da wieder eine bestimmte Wartezeit (je nachdem wieoft gepollt wird).

“Comet”

Comet” ist im Prinzip eine Herangehensweise um durch kleine Hacks HTTP eine “Two-Way” Kommunikation zu ermöglichen. Im Grunde gibt es wohl (das basiert alles auf gesundem Halbwissen) 2 Möglichkeiten:

  • “Long Polling”: Client setzt einen AJAX Request ab und der Server hält die Verbindung sehr lange bis irgendein “Event” eintritt. Dann antwortet der Server und der Client bekommt das Ergebnis. Danach wird sofort wieder ein neuer AJAX Request gemacht und das Spiel beginnt von vorn.
  • “Streaming”: Hierbei wird ständig eine Verbindung offen gehalten… mehr gibt leider mein Halbwissen nicht mehr her ;)

Der Vorteil bei beiden Varianten ist, dass man nicht ständig den Server fragt, was es neues gibt, sondern man hat eine Art “Events”.

Zukunft: HTML5

In HTML5 Macher grübeln auch über diese Anwendungsfälle. Mittels WebSockets soll sowas mal möglich sein – ist aber wie gesagt Zukunft. Hier ein netter Artikel über HTML5 WebSockets vs. Comet

Alternativ: Flash?

Flash soll wohl auch Socket-Programmierung erlauben. Damit könnte man ebenfalls solch eine Kommunikation machen.

Skalierbarkeit

Bei beiden Varianten muss der Client eine Verbindung zum Webserver offen halten. Für den normalen IIS & Apachen ist dies nicht gut, denn irgendwann gehen den Webservern die Threads aus. Daher werden spezielle Server benötigt. Lightstreamer soll z.B. solch ein Server sein. Diese Server sollen speziell auf diese Sachen ausgerichtet sein und sollen auch über 10.000 Connections offenhalten können.

Erfahrungen?

imageHat bereits jemand mit diesen Techniken im Zusammenhang mit .NET Erfahrung gesammelt? Ab wann macht das “Sinn” und kann man das relativ einfach managen oder gibt es irgendwas mit dem man mal schnell rumspielen kann? :)

 

 

Weitere Informationen

Auf SlideShare habe ich einige interessante Präsentatationen zu dem Thema gefunden:

ASP.NET & Comet

Auf meiner Suche bin ich auch auf flogende Blogposts gestoßen (und über diese auf den Lightstreamer Server) :


Kick It auf dotnet-kicks.de
Wenn dir der Blogpost gefallen hat, dann hinterlasse doch einen Kommentar. Wenn du auf dem Laufenden bleiben willst, abonniere unseren RSS Feed oder folge uns auf Twitter.

About the author

Written by Robert Mühsig

Robert Mühsig (@robert0muehsig) ist Webentwickler und beschäftigt sich mit Web-Frameworks (vor allem dem ASP.NET MVC Framework) und scheut sich auch nicht vor Javascript. Ansonsten bloggt er über all jene Probleme, die ihm über den Weg laufen. Seit 2008 ist er Microsoft MVP für ASP.NET und er arbeitet bei der T-Systems Multimedia Solutions GmbH in Dresden. Treffen kann man ihn online via Twitter (@robert0muehsig) oder dieser Seite oder bei der .NET User Group Dresden.

4 Responses

  1. Hi,
    ich hab vor ca. 7-8 Jahren mal ein Produkt entwickelt das Long-Polling verwendete (damals haben wir es aber nicht Long-Polling genannt, dachten wir hätten es selber erfunden und damals war AJAX bei uns auch noch nicht unter AJAX bekannt…).

    Das war eine ASP.net 1.1 Website Applikation die die Steuerung eines Telefons ermöglichen sollte. Nun muss in der Seite aber auch signalisiert werden wenn es klingelt. Wir haben einen asynchronen Request gemacht mit einem clientseitigen Timeout von 60 Sekunden. Nach 30 Sekunden lieferte der Server einfach ein false zurück und das Spiel lief von vorne (true bedeutete Reload der Page durchführen).

    Serverseitig haben wir einfach ein Thread.Sleep(100) in einer Loop gemacht die entweder nach 30 Sekunden verlassen wurde, oder sofort wenn ein bestimmtes Event auftrat, das war extrem schnell und simpel. Wir hatten aber auch nie mehr als 5 User.

    Wenn die Menge der Request für den Server wirklich ein Problem darstellt würde ich vermutlich eher einen eigenen kleinen HTTP Server schreiben der nur die Polling-Requests verarbeitet und intern per TCP mit der Webapplikation kommuniziert. Mit asp.net vom IIS zu einem anderen Server zu switchen wäre vermutlich ein höherer Aufwand.

    Reply
  2. Also ich schaetze da gibt es jede Menge Probleme zu loesen.

    Workerthreads hattest Du schon gesagt, Sockets sind auch begrenzt. Ein effizientes Backend zum Spezial-Webserver ist nicht so einfach – auch da geht wohl 1 Thread pro Client nicht lange gut.

    Aber der Killer sind Proxies und vielleicht das Netzwerk an sich (Stichwort Dial on Demand): Du musst den Proxy ueberzeugen die langlebigen Verbindungen offenzuhalten, potentiell sehr viele davon (selbes Problem wie beim Webserver). Die meisten Proxies duerften die Anzahl und Lebensdauer von Verbindungen heutzutage strikt begrenzen, aus Selbsterhaltungstrieb.

    Dabei helfen dann vermutlich Keep-Alives, “chunked” Transfer-Encoding oder gleich HTTP CONNECT – das geht dann aber oft nur zum SSL-Port.

    Am Ende ist im LAN mit relativ wenigen Usern Polling einfacher (aber Push relativ leicht machbar) und im Internet HTTP-Push etwas was man freiwillig nicht implementieren will. ;-)

    Reply
  3. Wenn Sie arbeiten unter. NET gibt es eine kostenlose Bibliothek namens PokeIn. http://pokein.codeplex.com

    Reply
  4. Check out WebSync. It’s highly scalable (including server farms/clustering), and based on the Bayeux spec, so it’s open to use with other clients.

    http://www.frozenmountain.com/websync

    Reply

Comment on this post

Letzte Posts

  • Carriage Return / Neue Zeile in Textareas

    Eine kleine Aufgabe: Jede neue Textzeile (Carriage Return/Wenn man Enter drückt ) in einer Textarea soll ein Element in einer Auflistung sein – wie mach ich das jetzt am einfachsten? Eigentlich ein grundlegendes Element im Web und der Nutzer macht bewusst Absätze – daher wäre es nur gerecht, wenn man das auch entsprechend würdigt. Kleine ...

  • image.png
    Doom, Quake, Wolfenstein & co. Source Code auf GitHub

    id Software, die Macher von Doom, Quake, Wolfenstein & co., stellen regelmäßig ihre älteren Spieltitle als Open Source zur Verfügung. Das Ganze runterzuladen fand ich bisher immer recht mühselig, allerdings gibt es seit kurzer Zeit die Sourcen auch auf GitHub. Darunter Spiele wie Doom 3, Quake 3, Wolfenstein für iOS. Wer also schon immer mal ...

  • image.png
    Twitter Bootstrap 2.0 released & “Release Präsentation”

    Wie bereits vom Twitter Bootstrap Team angekündigt wurde offiziel die Version 2.0 des UI Toolskits “Twitter Bootstrap” veröffentlich. Zudem wurden die Slides, welche bei der Release Party gezeigt wurden auch veröffentlicht: Downloads finden sich auf der Twitter Bootstrap Seite auf GitHub. Wenn dir der Blogpost gefallen hat, dann hinterlasse doch einen Kommentar. Wenn du auf ...

  • image.png
    Javascript zu Dart Translator

    Dart, Google Javascript Alternative, wurde vor ein paar Monaten vorgestellt und die Webentwickler Szene ist noch etwas gespalten, ob Dart nun überflüssig ist oder einfach nur cool und längst überfällig ist. Um die Sprache näher zu erläutern hat Google die grundlegenden Javascript Basics nach Dart übersetzt. Das Ergebnis ist der “Translator”. Der Name mag momentan ...

  • Twitter Bootstrap 2.0–“Beta”

    Twitter Bootstrap, ein UI-Toolkit für Web-Applikationen von Twitter, erscheint (wie bereits berichtet) demnächst in der Version 2.0. Der offizielle Release ist am 31. Januar, allerdings beginnt jetzt laut Mark Otto (einer der Hauptentwickler von Twitter Bootstrap) die intensive Test-Phase. Das heisst, das es nun offiziel auch die 2.0 Dokumentation online gibt. Im Vergleich zur aktuellen ...

Support us!

Facebook