Your SlideShare is downloading. ×
0
AnyMQ, Hippie
 and the real-time web

      OSDC.TW 2010 Taipei
   Chia-liang Kao clkao@clkao.org
clkao
Things I’ve
been playing
    with
• PSGI, Plack
• AnyEvent, AnyMQ, AMQP
• Server-push, comet
• Websocket
• Web::Hippie, Web::Hippie:Pipe
• PSGI, Plack
• AnyEvent, AnyMQ, AMQP
• Server-push, comet
• Websocket
• Web::Hippie, Web::Hippie::Pipe
Plack: Perl Web Superglue
PSGI
$env->{PATH_INFO}

       Plack::Request->new($env)->path_info
$env




[
       '200',
       [ 'Content-Type' => 'text/p...
$env
                 Streaming Interface

sub {
     my $responder = shift;
      my $writer = $responder->([
           ...
CGI.pm
MUST DIE!
 ☠! ☠! ☠
• PSGI, Plack
• AnyEvent, AnyMQ, AMQP
• Server-push, comet
• Websocket
• Web::Hippie, Web::Hippie::Pipe
AnyEvent
• event-driven programming, painless
• compatible with many other event loops
  use AnyEvent::HTTP;

  http_get "...
Let’s try
this in POE
sub POE::Kernel::ASSERT_DEFAULT () { 1 }

use HTTP::Request;
use POE qw(Component::Client::HTTP);

POE::Component::Client:...
☹
use AnyEvent::HTTP;

http_get "http://osdc.tw/",
              sub { print $_[1] };




      ☺
AnyEvent::*
  AnyEvent-AIO AnyEvent-APNS AnyEvent-Atom-Stream AnyEvent-BDB AnyEvent-
  Beanstalk AnyEvent-Connection AnyEv...
AnyMQ
• Inspired by Tatsumaki::MessageQueue
• Refactored to support timeout handler,
  multiple subscription
• Support bin...
AnyMQ

my $bus = AnyMQ->new;
my $topic = $bus->topic("Foo");

my $sub = $bus->new_listener($topic);
$sub->poll(sub { my $m...
AnyMQ with AMQP
my $bus = AnyMQ->new_with_traits
          ( traits => [ ‘AMQP’],
            # host => ..., port => ..);
...
Please help adding
  message queue
     bindings!
• PSGI, Plack
• AnyEvent, AnyMQ, AMQP
• Server-push, comet
• Websocket
• Web::Hippie, Web::Hippie::Pipe
Comet
The word comet came to English by way of the Latin word cometes. This word, in turn, came
from the Greek word κόμη, ...
Widely used

• gmail
• plurk
• facebook updates
Lots of hacks!

• multi-part XHR
• forever iframe, with script callbacks
• spinning “loading” indicator for FF and IE
• nu...
• PSGI, Plack
• AnyEvent, AnyMQ, AMQP
• Server-push, comet
• Websocket
• Web::Hippie, Web::Hippie::Pipe
Websocket
• HTML5 Websocket
• Bidirectional communication
ws = new WebSocket("ws://foo.com:5000”));
ws.onmessage = functio...
Putting
Everything
 Together
• PSGI, Plack
• AnyEvent, AnyMQ, AMQP
• Server-push, comet
• Websocket
• Web::Hippie, Web::Hippie::Pipe
The Long
Hair Web
Hippie
Hippie
• Abstracts persistent connections:
  Websocket, MXHR
                         Just a normal PSGI-app!
 enable "+We...
Only
Websocket
and mxhr?
Maybe Hippies
  should be
more relaxed...
To relax a
hippie, we
 need.....
Hippie::Pipe


     +
Hippie::Pipe
• Abstracts persistent bidirectional
  connections: Websocket, MXHR, poll
 enable "+Web::Hippie";
 enable "+W...
Client side
hpipe = new Hippie.Pipe();
$(hpipe)
    .bind(“ready”, function() {
         hpipe.send({type:    ‘chat.join’,...
DEMO
Thank you!
AnyMQ, Hippie, and the real-time web
Upcoming SlideShare
Loading in...5
×

AnyMQ, Hippie, and the real-time web

4,941

Published on

2 Comments
15 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,941
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
39
Comments
2
Likes
15
Embeds 0
No embeds

No notes for slide

Transcript of "AnyMQ, Hippie, and the real-time web"

  1. 1. AnyMQ, Hippie and the real-time web OSDC.TW 2010 Taipei Chia-liang Kao clkao@clkao.org
  2. 2. clkao
  3. 3. Things I’ve been playing with
  4. 4. • PSGI, Plack • AnyEvent, AnyMQ, AMQP • Server-push, comet • Websocket • Web::Hippie, Web::Hippie:Pipe
  5. 5. • PSGI, Plack • AnyEvent, AnyMQ, AMQP • Server-push, comet • Websocket • Web::Hippie, Web::Hippie::Pipe
  6. 6. Plack: Perl Web Superglue
  7. 7. PSGI
  8. 8. $env->{PATH_INFO} Plack::Request->new($env)->path_info $env [ '200', [ 'Content-Type' => 'text/plain' ], [ "Hello World" ], ]
  9. 9. $env Streaming Interface sub { my $responder = shift; my $writer = $responder->([ '200', [ 'Content-Type' => 'text/plain' ]); # later, of in a callback $writer->write(“Hello world!”); $writer->close(); }
  10. 10. CGI.pm MUST DIE! ☠! ☠! ☠
  11. 11. • PSGI, Plack • AnyEvent, AnyMQ, AMQP • Server-push, comet • Websocket • Web::Hippie, Web::Hippie::Pipe
  12. 12. AnyEvent • event-driven programming, painless • compatible with many other event loops use AnyEvent::HTTP; http_get "http://osdc.tw/", sub { print $_[1] };
  13. 13. Let’s try this in POE
  14. 14. sub POE::Kernel::ASSERT_DEFAULT () { 1 } use HTTP::Request; use POE qw(Component::Client::HTTP); POE::Component::Client::HTTP->spawn(   Alias => 'ua', # defaults to 'weeble'   Timeout => 20, # defaults to 180 seconds ); POE::Session->create(   inline_states => {     _start => sub {       POE::Kernel->post(         'ua', # posts to the 'ua' alias         'request', # posts to ua's 'request' state         'response', # which of our states will receive the response         HTTP::Request->new(GET => “http://osdc.tw”),       );     },     _stop => sub {},     response => &response_handler,   }, ); POE::Kernel->run(); exit; sub response_handler {   my ($request_packet, $response_packet) = @_[ARG0, ARG1];   my $request_object = $request_packet->[0];   my $response_object = $response_packet->[0]; }
  15. 15.
  16. 16. use AnyEvent::HTTP; http_get "http://osdc.tw/", sub { print $_[1] }; ☺
  17. 17. AnyEvent::* AnyEvent-AIO AnyEvent-APNS AnyEvent-Atom-Stream AnyEvent-BDB AnyEvent- Beanstalk AnyEvent-Connection AnyEvent-CouchDB AnyEvent-DBI AnyEvent-DBI- Abstract AnyEvent-EditText AnyEvent-FCGI AnyEvent-FCP AnyEvent-FIFO AnyEvent- FastPing AnyEvent-Feed AnyEvent-Filesys-Notify AnyEvent-FriendFeed-Realtime AnyEvent-GPSD AnyEvent-Gearman AnyEvent-Gearman AnyEvent-Gmail-Feed AnyEvent-HTTP AnyEvent-HTTP-MXHR AnyEvent-HTTPD AnyEvent-I3 AnyEvent-IRC AnyEvent-JSONRPC-Lite AnyEvent-Kanye AnyEvent-MP AnyEvent-MPRPC AnyEvent- Memcached AnyEvent-Mojo AnyEvent-Monitor-CPU AnyEvent-Pcap AnyEvent-Plurk AnyEvent-Postfix-Logs AnyEvent-RTPG AnyEvent-Redis AnyEvent-RetryTimer AnyEvent-ReverseHTTP AnyEvent-Riak AnyEvent-Run AnyEvent-SCGI AnyEvent-SMTP AnyEvent-SNMP AnyEvent-Subprocess AnyEvent-Superfeedr AnyEvent-Twitter AnyEvent-Twitter-Stream AnyEvent-Watchdog AnyEvent-Worker AnyEvent-XMLRPC AnyEvent-XMPP AnyEvent-mDNS
  18. 18. AnyMQ • Inspired by Tatsumaki::MessageQueue • Refactored to support timeout handler, multiple subscription • Support binding to other message queues using moose traits • Available on CPAN and github
  19. 19. AnyMQ my $bus = AnyMQ->new; my $topic = $bus->topic("Foo"); my $sub = $bus->new_listener($topic); $sub->poll(sub { my $msg = shift; }) $topic->publish($msg)
  20. 20. AnyMQ with AMQP my $bus = AnyMQ->new_with_traits ( traits => [ ‘AMQP’], # host => ..., port => ..); my $topic = $bus->topic("Foo"); my $sub = $bus->new_listener($topic); $sub->poll(sub { my $msg = shift; }) $topic->publish($msg)
  21. 21. Please help adding message queue bindings!
  22. 22. • PSGI, Plack • AnyEvent, AnyMQ, AMQP • Server-push, comet • Websocket • Web::Hippie, Web::Hippie::Pipe
  23. 23. Comet The word comet came to English by way of the Latin word cometes. This word, in turn, came from the Greek word κόμη, which means "hair of the head". The Greek scientist and philosopher Aristotlefirst used the derived form of κόμη, κομήτης, to describe what he saw as "stars with hair." Theastronomical symbol for comets is (☄), consisting of a small disc with three hairlike extensions. • 2006, coined by Alex Russell • Server push for real time notification
  24. 24. Widely used • gmail • plurk • facebook updates
  25. 25. Lots of hacks! • multi-part XHR • forever iframe, with script callbacks • spinning “loading” indicator for FF and IE • number of connections limits
  26. 26. • PSGI, Plack • AnyEvent, AnyMQ, AMQP • Server-push, comet • Websocket • Web::Hippie, Web::Hippie::Pipe
  27. 27. Websocket • HTML5 Websocket • Bidirectional communication ws = new WebSocket("ws://foo.com:5000”)); ws.onmessage = function(ev) { ... } ws.send(....); • Available in latest Chrome / Safari
  28. 28. Putting Everything Together
  29. 29. • PSGI, Plack • AnyEvent, AnyMQ, AMQP • Server-push, comet • Websocket • Web::Hippie, Web::Hippie::Pipe
  30. 30. The Long Hair Web
  31. 31. Hippie
  32. 32. Hippie • Abstracts persistent connections: Websocket, MXHR Just a normal PSGI-app! enable "+Web::Hippie"; sub { my $env = shift; my $args = $env->{'hippie.args'}; my $handle = $env->{'hippie.handle'}; # Your handler based on PATH_INFO: # /init, /error, /message }
  33. 33. Only Websocket and mxhr?
  34. 34. Maybe Hippies should be more relaxed...
  35. 35. To relax a hippie, we need.....
  36. 36. Hippie::Pipe +
  37. 37. Hippie::Pipe • Abstracts persistent bidirectional connections: Websocket, MXHR, poll enable "+Web::Hippie"; enable "+Web::Hippie::Pipe"; sub { my $env = shift; my $sub = $env->{'hippie.listener'}; my $bus = $env->{'hippie.bus'}; my $msg = $env->{'hippie.message'}; # Your handler based on PATH_INFO: # /init, /error, /message }
  38. 38. Client side hpipe = new Hippie.Pipe(); $(hpipe) .bind(“ready”, function() { hpipe.send({type: ‘chat.join’, channel: ‘foo’, ident: ‘clkao’}) }) .bind(“disconnected”, function() {}) .bind(“message.chat.message”, function(e, data) {}); hpipe.init();
  39. 39. DEMO
  40. 40. 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.

×