WebSocket com Node.js ( socketstream && coffeescript ) X RoR ( Juggernaut )

João Moura
a.k.a D3TR1

@joaomdmoura
joaomdmoura.com
github.com/joaomdmoura

WebSocket
Socketstream + coffeescript
X
RoR ( Juggernaut )

Oque é socket?
- Duas vias de comunicação, uma de acesso e
outra de saída

Oque é socket?
- Duas vias de comunicação, uma de acesso e
outra de saída

- São vias de comunicação constante e
ineterrupta

websocket?
É uma tecnologia projetada para browsers que
permite uma conexão bidirecional através de
um protocolo TCP ( Transmition Control
Protocol )

websocket?
É uma tecnologia projetada para browsers que
permite uma conexão bidirecional através de
um protocolo TCP ( Transmition Control
Protocol )

WTH?!?!1

Possibilidades
Contribui com o conceito de SPA permitindo
criar aplicações ainda mais dinâmicas com
melhor desempenho

Possibilidades
melhor desempenho

Exemplos:

Possibilidades
melhor desempenho

Exemplos:
- Aplicações chat
- Multiplayer online games
- Sites com conteúdo dinâmico

Possibilidades
melhor desempenho

Exemplos:
- Aplicações chat
- Multiplayer online games
- Sites com conteúdo dinâmico
http://www.toyota.com/itsacar/

Frameworks
Ruby on Rails ( RoR )
SocketStream ( SS )

Frameworks
Ruby on Rails ( RoR )
SocketStream ( SS )

RoR SS
Utilizar a gem Juggernaut (node.js) HTML || Jade
Framework mais robusto Javascript || CoffeeScript
Camada a mais de processamento Stylus || Less
Versatibilidade de BD Maior velocidade
Redis based NoSQL
Node.js based
Redis based
jQuery Templates
Shared Code

RoR
- Scaffold da aplicação
- Instalação do Juggernaut ( https://github.com/maccman/juggernaut )
Dependências:
- Redis ( advanced key-value store. It is often referred to as a data structure server since keys
can contain strings, hashes, lists, sets and sorted sets. )

- Node.js
- NPM ( Node Package Manager )

RoR
- Scaffold da aplicação
- Instalação do Juggernaut ( https://github.com/maccman/juggernaut )
Dependências:
- Redis ( advanced key-value store. It is often referred to as a data structure server since keys
can contain strings, hashes, lists, sets and sorted sets. )

- Node.js

npm install -g juggernaut
gem install juggernaut

RoR
redis-server
juggernaut

http://localhost:8080
<script src="http://localhost:8080/application.js"
type="text/javascript" charset="utf-8"></script>

RAILS S


RoR
Juggernaut
CLIENT
<script type="text/javascript" charset="utf-8">
var jug = new Juggernaut;
jug.subscribe("SAMPAJS", function(data){
console.log("DATA: " + data);
});
</script>

RoR
Juggernaut
SERVER
require "juggernaut"

Juggernaut.publish("SAMPAJS", "Bem Vindos")

// OU

Juggernaut.publish("SAMPAJS", {:data => "Bem Vindos"})

// OU

Juggernaut.publish(["SAMPAJS", "SAMPAJS2"], ["Bem", "Vindos"])

RoR
Juggernaut

var jug = new Juggernaut;

jug.on("connect", function(){
alert(“CONECTADO”)
});

jug.on("disconnect", function(){
alert(“DESCONECTADO”)
});

jug.subscribe("SAMPAJS", function(data){
console.log("DATA: " + data);
});

RoR
Juggernaut
class PlayersController < ApplicationController
  require "juggernaut"
  def update_user

     @user = { :class => "user",
:method => "update_user",
               :data => params[:player] }

        Juggernaut.publish( "mobe",
@user ,
:except => params[:juggernaut_id] )

    render :text => "User updated"

  end
end

RoR
Juggernaut

/* JUGGERNAUT */

" " // USER MOVE SERVER
" " jug.subscribe( "mobe", function ( data )
" " {
" " " _class = data [ "class" ];
" " " if ( _class == "user" )
" "" socket.callback ( user, data )
" "});

" " // USER CHAT SERVER!
" " jug.subscribe( "mobe_chat", function ( data )
" " {
"" socket.callback ( chat, data )
" "});

RoR
Juggernaut
update_user : function( player )"
" {
" " console.log( "update_user" );
" " /* Enconding User JSON to Object */
" " player = dojo.fromJson( player );
" " var _class = this;

" " dojo.forEach( this.players, function( user , i )
" " {
" " " console.log( "update_user_looping" );
" " " if ( user[ "data" ][ "id" ] == player[ "id" ] )
" " " {
" " " " _class.remove_user( player );
" " " " _class.add_user( player );
" " " }
" " });
" }

SS
- Gerar nova aplicação aplicação
- Instalação do SS ( https://github.com/socketstream/socketstream )
Dependências:
- Redis
- Node.js

SS
- Gerar nova aplicação aplicação
- Instalação do SS ( https://github.com/socketstream/socketstream )
Dependências:
- Redis
- Node.js

npm -g install socketstream

SS
redis-server

socketstream start


SS
Estrutura
/app /lib /config /public
/client /client app.coffee /assets
app? /css db.coffee
/css /server events.coffee
/server http.coffee
/shared
/views

SS
CLIENT
SS.socket.on 'disconnect', -> console.log 'Server is down'
SS.socket.on 'reconnect', -> console.log 'Server is up'

exports.init = ->
" SS.server.app.init ( response ) ->
" " console.log response
" "
" SS.client.user.init( “SAMPAJS”, “BEM VINDO AO SAMPAJS” )

SS
SERVER
exports.actions =
" init: (cb) ->
" " cb "Socket Connection is Okay!"

CLIENT
user
exports.init = ( user, message )->
SS.publish.broadcast SAMPAJS,
" " " {
" " " " user: user,
" " " " message: message
" " " }
SS.events.on 'SAMPAJS', ( params ) ->
console.log “#{params[“user”]}, #{params[“message”]}”

Return
#prontofalei

Ambos tem suas vantagens, oque vai orientar sua
decisão são as características do seu projeto

Obrigado!
Have a nice day!

@joaomdmoura
joaomdmoura.com
github.com/joaomdmoura

WebSocket com Node.js ( socketstream && coffeescript ) X RoR ( Juggernaut )

Mais conteúdo relacionado

Mais procurados

Semelhante a WebSocket com Node.js ( socketstream && coffeescript ) X RoR ( Juggernaut )

Mais de João Moura

WebSocket com Node.js ( socketstream && coffeescript ) X RoR ( Juggernaut )

Notas do Editor