Meteor and The Real Time Web

Transcript

1. THE  REAL-­‐TIME  WEB   Meteor  server  and  

2. Open  source  project  developing  a   streaming  data  server  over

    HTTP   UK’s  first  property  search  engine  map,  and   the  first  British  Google  Maps  mashup  (?)   Day  job.   Hats:  

3. •  Why  we  need  a  real  time  web   • 

   When  to  consider  integrating   real  time  data   •  Demo  of  Meteor   •  Integrating  with  PHP   •  Q&A   Agenda:   Characters reproduced (badly) from some very nifty BUPA adverts.

4. Typically  information  on   the  web  is  requested  by  

   the  client   Sometimes,  this  model   is  very  inefficient...  

5. Are  we  nearly   there  yet?   No.  

6. Problem:  the  client   doesn’t  know  when  to  ask  

   So  it  keeps  asking  again   and  again...  

7. Are  we  nearly   there  yet?   Still  no.  

8. This  kind  of  interaction  is   Short  polling  

9. Other  problems  with   short  polling   •  Repetitive  database

    queries   •  Unnecessary  load   •  Bandwidth  use   •  Negative  responses   •  Cookies!   •  Delay  before  client  sees  data   •  Unpredictable  data  delivery  times   and  all  this  because…  

10. Not  everything  that  happens  on   the  web  is  driven

     by  the  client  

11. So  where  does  it  come  from?   •  Other  clients/users

      •  External  events   •  Status  changes   •  Progress  feedback  

12. Users  interacting  with  other  users   see  the  site  as

     a  representation  of   all  those  other  people.   So,  they  need  to  know  when   their  context  changes.  

13. Meteor  keeps  each  user’s  context   fresh  with  new  information

     delivered   as  it  becomes  relevant  to  that  user.  

14. Demo   Here’s  one  I  prepared  earlier*   *Apologies  for

     Blue  Peter  reference  

15. It’s  the   Meteor-­‐powered  Real  Time  Teenage   Angst  Monitor

        ?  
16. None

17. Data  is  sent  when  it’s  ready  on  a   persistent,

     preestablished     connection,  enabling:   Streaming   It’s  HTTP,  Jim,  but  not  as  we  know  it*   *Apologies  for  Star  Trek  reference  

18. Real  time  web   apps  in  PHP  

19. •  Event  controllers   •  Channels   •  Subscribers  

    Components  of  a  Meteor  app:  

20. •  Create  messages   •  Inject  messages  into  Meteor  on

      a  channel   •  Can  read  stats  back  from   Meteor   Event  controllers  

21. Sample  event  controller  in  PHP   // Create an array

    of words $sayings = array("the", "quick", "brown", "fox", "jumps", "over", "lazy", "dogs"); // Open a controller channel to Meteor server $op = fsockopen("127.0.0.1", 4671, $errno, $errstr, 5); // Write a random word $out = "ADDMESSAGE demo ".$sayings[array_rand($sayings)]."\n"; fwrite($op, $out); // Read response $buf = fread($op, 4096);

22. •  Listen  on  one  or  more  channels   •  Meteor

     Javascript  library   handles  comms   •  Hook  in  your  own  callback   functions   Subscriber  clients  

23. Sample  subscriber  client  JS   <script type="text/javascript" src="http://data.example.com/ meteor.js"></script> <script

    type="text/javascript"> var mymeteor = new Meteor(); mymeteor.subdomain = “data"; mymeteor.registerEventCallback("process", newMsg); mymeteor.joinChannel("demo", 5); mymeteor.start(); function newMsg(strmsg) { alert("Meteor said " + strmsg); } </script>

24. •  Apache:  example.com   •  Meteor:  data.example.com     • 

    Different  hostnames   •  Can  be  same  machine  via  port   redirection  or  IP-­‐binding   Separating  servers  

25. •  A  Publish-­‐Subscribe  system   •  A  great  way  of

     broadcasting   updates  to  groups  of  subscribers   So  in  summary,  Meteor  is:   •  A  way  of  pushing  data  to   individually  addressable  clients   Meteor  is  not:  

26. Real  world  users  of  Meteor   http://ftalphaville.ft.com

27. Questions?  

28. None

29. Who  is  the  user  interacting  with?   Geoff    

    Stockbroker,  age  49   Wants  financial  news,  and  no  mucking  about   Deirdre     Retired  teacher,  age  72   Does  her  banking  online  and  books  trips  abroad   Amy     Student,  age  23   Facebook  is  her  life   NO-­‐ONE   SITE   OTHER   USERS