RailsConf Europe 2008 Juggernaut Realtime Rails. Alex MacCaw and Stuart Eccles

Transcription

1 RailsConf Europe 2008 Juggernaut Realtime Rails Alex MacCaw and Stuart Eccles

2 RailsConf Europe 2008 Juggernaut Realtime Rails Alex MacCaw and Stuart Eccles

3

4 server push

5 HTTP HTTP GET/POST <html/> <script/> Client Server

6 Server Push Client Server

7 what is Juggernaut?

8 History Written by Alex MacCaw in 2006 Published at Latest versions at GitHub just for Edge Rails MIT License

9 3 Components Invisible Flash SWF Rails Plugin Juggernaut Server Client Messenger Broadcaster

10 Juggernaut is also

11 This guy... what do we want?

12 This guy... what do we want?

13 X-Men Character

14 X-Men Character

15 the other Juggernaut?

16 real world users

17 Collaboration

18 Real Time Interaction

19 Multiplayer Games

20 Multiplayer Games

21 Chat

22 Real Time Activity Feeds

23 Enhancing Traditional Media

24 juggernaut competition

25

26 resource intensive

27 resource intensive not realtime

28

29 Firefox memory issues

30 Firefox memory issues not crossdomain

31 Firefox memory issues IE clicking not crossdomain

32 Firefox memory issues max 2 streams in IE IE clicking not crossdomain

33 features browser compatibility Flash 8 > 95% of all browsers cross-os Prototype and JQuery versions

34 features scale with eventmachine 30k concurrent users and clustering support

35 features channels client can subscribe to one or more channels Broadcast can be channel selected Broadcast can even be client selected

36 features authentication IP whitelist shared secrets authentication callbacks

37 features callbacks client connect callback client disconnect callback

38 features queries query server for list of clients

39 in pictures

40 Rails Application Juggernaut Rails Plugin Juggernaut Push Server

41 Rails Application Juggernaut Rails Plugin Juggernaut Push Server

42 GET Rails Application Juggernaut Rails Plugin Juggernaut Push Server

43 OK Rails Application Juggernaut Rails Plugin Juggernaut Push Server

44 SUBSCRIBE Rails Application Juggernaut Rails Plugin Juggernaut Push Server

45 Rails Application Juggernaut Rails Plugin Juggernaut Push Server

46 Rails Application Juggernaut Rails Plugin callback Juggernaut Push Server

47 Rails Application SUBSCRIBE Juggernaut Rails Plugin Juggernaut Push Server

48 Rails Application Juggernaut Rails Plugin callback Juggernaut Push Server

49 Rails Application RJS Juggernaut Rails Plugin JSON MESSAGE Juggernaut Push Server

50 Rails Application Juggernaut Rails Plugin JS Juggernaut Push Server

51 JS Rails Application Juggernaut Rails Plugin Juggernaut Push Server

52 Wonder-women has entered chat Rails Application Juggernaut Rails Plugin JS Juggernaut Push Server

53 Wonder-women has entered chat JS Rails Application Juggernaut Rails Plugin Juggernaut Push Server

54 Rails Application Juggernaut Rails Plugin Juggernaut Push Server

55 Rails Application Juggernaut Rails Plugin Juggernaut Push Server

56 AJAX Rails Application Juggernaut Rails Plugin Juggernaut Push Server

57 Rails Application RJS Juggernaut Rails Plugin JSON MESSAGE Juggernaut Push Server

58 Rails Application Juggernaut Rails Plugin JS JS JS Juggernaut Push Server

59 Rails Application Juggernaut Rails Plugin JS JS Juggernaut Push Server JS

60 Rails Application JS Juggernaut Rails Plugin JS Juggernaut Push Server JS

61 JS Rails Application JS Juggernaut Rails Plugin Juggernaut Push Server JS

62 SuperMan says Hi! SuperMan says Hi! Rails Application Juggernaut Rails Plugin SuperMan says Hi! Juggernaut Push Server

63 Rails Application Juggernaut Rails Plugin Juggernaut Push Server

64 Rails Application Juggernaut Rails Plugin Juggernaut Push Server

65 RAKE Rails Application Juggernaut Rails Plugin Juggernaut Push Server

66 Rails Application RJS Juggernaut Rails Plugin JSON MESSAGE Juggernaut Push Server

67 Rails Application Juggernaut Rails Plugin JS JS JS Juggernaut Push Server

68 Rails Application Juggernaut Rails Plugin JS JS Juggernaut Push Server JS

69 Rails Application JS Juggernaut Rails Plugin JS Juggernaut Push Server JS

70 JS Rails Application JS Juggernaut Rails Plugin Juggernaut Push Server JS

71 Chat will be closing in 10 minutes! Chat will be closing in 10 minutes! Rails Application Juggernaut Rails Plugin Chat will be closing in 10 minutes! Juggernaut Push Server

72 Rails Application Juggernaut Rails Plugin Juggernaut Push Server

73 Rails Application Juggernaut Rails Plugin Juggernaut Push Server

74 notification Rails Application Juggernaut Rails Plugin Juggernaut Push Server

75 Rails Application Juggernaut Rails Plugin callback Juggernaut Push Server

76 Rails Application RJS Juggernaut Rails Plugin JSON MESSAGE Juggernaut Push Server

77 Rails Application Juggernaut Rails Plugin JS JS Juggernaut Push Server

78 Rails Application Juggernaut Rails Plugin JS Juggernaut Push Server JS

79 Rails Application JS Juggernaut Rails Plugin Juggernaut Push Server JS

80 SuperMan has left the building! Rails Application Juggernaut Rails Plugin SuperMan has left the building! Juggernaut Push Server

81 Audience Participation

82 def code

83 Partial Update Example

84 Install Juggernaut script/plugin install \ sudo gem install juggernaut (includes json and eventmachine dependencies)

85 Start the Push Server juggernaut -g juggernaut.yml juggernaut -c juggernaut.yml

86 View <html> <head> <%= javascript_include_tag :defaults, :juggernaut %> <%= juggernaut %> </head>

87 Controller render :juggernaut do page page.replace 'person-45', :partial => 'person' end

88 That s it!

89 Demo 1: Chat

90 Subscribe to channels <%= juggernaut(:channels => ['one', 'two', 'three']) %>

91 Broadcast to channels render :juggernaut => { :type => :send_to_channels, :channels => ['one'] } do page page.alert('hello World') end

92 Subscribe as a particular client <%= juggernaut(:client_id => current_user.id) %>

93 Broadcast to a particular client render :juggernaut => { :type => :send_to_client, :client_id } do page page.alert('hello World') end

94 Find connected clients Juggernaut.show_clients

95 Don t want inline RJS? render_juggernaut('person_update.rjs')

96 Don t Want RJS? Juggernaut.send_to_all( alert( foo ); ) Juggernaut.send_to_client( alert( foo Juggernaut.send_to_channel( alert( foo

97 Demo 2: Google Maps

98 tips

99 Don t push huge amounts of HTML to the browser. Trigger an AJAX request instead Don t push huge amounts of Javascript to the browser. Trigger a function call already loaded by the browser. In callbacks Juggernaut will pass the session id so you can use existing session information. Escape your user inputs!! XSS is very dangerous in a Push JavaScript world.

100 Thank You! Q & A