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

João Moura a.k.a D3TR1

João Moura a.k.a D3TR1 @joaomdmoura joaomdmoura.comgithub.com/joaomdmoura

WebSocket

WebSocketSocketstream + coffeescript X RoR ( Juggernaut )

Oque é socket?

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

Oque é socket?- Duas vias de comunicação, uma de acesso eoutra de saída- São vias de comunicação constante eineterrupta

websocket?

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

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

Fluxo comum

Fluxo websocket

Possibilidades

PossibilidadesContribui com o conceito de SPA permitindocriar aplicações ainda mais dinâmicas commelhor desempenho

PossibilidadesContribui com o conceito de SPA permitindocriar aplicações ainda mais dinâmicas commelhor desempenhoExemplos:

PossibilidadesContribui com o conceito de SPA permitindocriar aplicações ainda mais dinâmicas commelhor desempenhoExemplos:- Aplicações chat- Multiplayer online games- Sites com conteúdo dinâmico

PossibilidadesContribui com o conceito de SPA permitindocriar aplicações ainda mais dinâmicas commelhor desempenhoExemplos:- Aplicações chat- Multiplayer online games- Sites com conteúdo dinâmicohttp://www.toyota.com/itsacar/

Frameworks

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 || CoffeeScriptCamada 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 keyscan 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 keyscan contain strings, hashes, lists, sets and sorted sets. ) - Node.js - NPM ( Node Package Manager ) 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 http://localhost:3000

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

RoR JuggernautSERVERrequire "juggernaut"Juggernaut.publish("SAMPAJS", "Bem Vindos")// OUJuggernaut.publish("SAMPAJS", {:data => "Bem Vindos"})// OUJuggernaut.publish(["SAMPAJS", "SAMPAJS2"], ["Bem", "Vindos"])

RoR Juggernautvar 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 Juggernautclass 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" endend

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 Juggernautupdate_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 - NPM ( Node Package Manager )

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

SS redis-server socketstream starthttp://localhost:3000

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

SSCLIENTSS.socket.on disconnect, -> console.log Server is downSS.socket.on reconnect, -> console.log Server is upexports.init = ->" SS.server.app.init ( response ) ->" " console.log response" "" SS.client.user.init( “SAMPAJS”, “BEM VINDO AO SAMPAJS” )

SSSERVERexports.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

Return#prontofalei

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

Obrigado! Have a nice day!

Obrigado! Have a nice day! @joaomdmoura joaomdmoura.comgithub.com/joaomdmoura

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

by joaomdmoura on Nov 19, 2011

Accessibility

Tags

Upload Details

Usage Rights

3 Embeds 4

Statistics

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

http://paper.li	2
http://a0.twimg.com	1
http://www.hanrss.com	1