RailsConf Europe 2008 Juggernaut Realtime Rails

RailsConf Europe 2008

Juggernaut Realtime Rails

Alex MacCaw and Stuart Eccles

http://www.madebymany.co.uk/

server push

HTTP

Client Server

HTTP GET/POST

<html/> <script/>

Server Push

Client Server

what is Juggernaut?

HistoryWritten by Alex MacCaw in 2006

Published at http://juggernaut.rubyforge.org/

Latest versions at GitHub just for Edge Rails

MIT License

3 Components

Invisible Flash SWF

Rails PluginJuggernaut

Server

Client Messenger Broadcaster

Juggernaut is also

what do we want?

This guy....

X-Men Character

the other Juggernaut?

real world users

Collaboration

Real Time Interaction

Multiplayer Games

Real Time Activity Feeds

Enhancing Traditional Media

juggernautcompetition

resource intensive

resource intensive

not

realtime

Firefox memory issues


not

cross-

domain


not

cross-

domain

IE

clicking


not

cross-

domain

IE

clicking

max 2

streams in IE

features browser

compatibilityFlash 8> 95% of all browserscross-OSPrototype and JQuery versions

features scale with

eventmachine30k concurrent usersand clustering support

features channelsclient can subscribe to one or more channelsBroadcast can be channel selectedBroadcast can even be client selected

features authentication

IP whitelistshared secretsauthentication callbacks

features callbacksclient connect callbackclient disconnect callback

features queries

query server for list of clients

in pictures

Rails Application

Juggernaut Rails Plugin

Juggernaut Push Server

Rails Application



GET

Rails Application



OK

Rails Application



SUBSCRIBE

Rails Application



DUPLEX

Rails Application



DUPLEX

callback

Rails Application



DUPLEX

SUBSCRIBE

Rails Application



DUPLEX

DUPLEXcallback

Rails Application



DUPLEX

DUPLEX

JSON MESSAGE

RJS

Rails Application



DUPLEX

DUPLEX

JS

Rails Application



DUPLEX

DUPLEX

JS

Wonder-women has entered chat

Rails Application



DUPLEX

DUPLEX

Rails Application



DUPLEX

DUPLEX

DUPLEX

Rails Application



DUPLEX

DUPLEX

DUPLEX

AJAX

Rails Application



DUPLEX

DUPLEX

DUPLEX

JSON MESSAGE

RJS

Rails Application



DUPLEX

DUPLEX

DUPLEX

JS

JS

JS

Rails Application



DUPLEX

DUPLEX

DUPLEX

SuperMan says ‘Hi!’



Rails Application



DUPLEX

DUPLEX

DUPLEX

Rails Application



DUPLEX

DUPLEX

DUPLEX

RAKE

Rails Application



DUPLEX

DUPLEX

DUPLEX

RJS

JSON MESSAGE

Rails Application



DUPLEX

DUPLEX

DUPLEX

JS

JS

JS

Rails Application



DUPLEX

DUPLEX

DUPLEX

Chat will be closing in 10 minutes!



Rails Application



DUPLEX

DUPLEX

DUPLEX

Rails Application



DUPLEX

DUPLEX

DUPLEX

notification

Rails Application



DUPLEX

DUPLEX

callback

Rails Application



DUPLEX

DUPLEX

RJS

JSON MESSAGE

Rails Application



DUPLEX

DUPLEX

JS

JS

Rails Application



DUPLEX

DUPLEX

SuperMan has left the building!

SuperMan has left the building!

Audience Participation

http://railsconf.madebymany.co.uk

def code

Partial Update Example

Install Juggernaut

script/plugin install \

http://juggernaut.rubyforge.org/svn/trunk/juggernaut

sudo gem install juggernaut

(includes json and eventmachine dependencies)

Start the Push Server

juggernaut -g juggernaut.yml

juggernaut -c juggernaut.yml

<%= juggernaut %>

View

<%= javascript_include_tag :defaults,

:juggernaut %>

<html>

<head>

</head>

Controller

render :juggernaut do |page|

page.replace 'person-45',

:partial => 'person'

end

That’s it!

Demo 1: Chat

Subscribe to channels

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

Broadcast to channels

render :juggernaut => {

:type => :send_to_channels,

:channels => ['one']

} do |page|

page.alert('Hello World')

end

Subscribe as a particular client

<%= juggernaut(:client_id => current_user.id) %>

Broadcast to a particular client

render :juggernaut => {

:type => :send_to_client,

:client_id => @user.id

} do |page|

page.alert('Hello World')

end

Find connected clients

Juggernaut.show_clients

Don’t want inline RJS?

render_juggernaut('person_update.rjs')

Don’t Want RJS?

Juggernaut.send_to_all(“alert(‘foo’);”)

Juggernaut.send_to_client(“alert(‘foo’);”, @user.id)

Juggernaut.send_to_channel(“alert(‘foo’);”, @channel)

Demo 2: Google Maps

http://railsconf.madebymany.co.uk

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.

Thank You! http://juggernaut.rubyforge.org/

Q & A

RailsConf Europe 2008 Juggernaut Realtime Rails

Technology

Transcript of RailsConf Europe 2008 Juggernaut Realtime Rails