Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Real Time
Node JS + Socket.IO
JOSE GRATEREAUX
@JGRATEREAUX
https://github.com/gratereaux
http://www.slideshare.net/jgrater...
Web Apps con real time
Flight Radas: localizador de vuelos en tiempo real donde
muestra informacion actual del avion.
Mura...
Node.js
Node.js es un entorno de programación en la capa del
servidor basado en el lenguaje de programación
Javascript, co...
¿Websocket?
• Es una tecnología que proporciona un canal de
comunicación bidireccional y full-duplex sobre una
única conex...
Socket.IO
• Tiene como objetivo hacer posible las aplicaciones en
tiempo real en cualquier browser.
• Socket entre Servido...
Que pasa cuando te conectas?
Cliente socket.io Servidor Node +
Socket.io
Que pasa cuando te conectas?
Cliente socket.io Servidor Node +
Socket.io
Handshake request
Que pasa cuando te conectas?
Cliente socket.io Servidor Node +
Socket.ioHandshake acepted
La vía de transporte, id y confi...
Que pasa cuando te conectas?
Cliente socket.io Servidor Node +
Socket.io
Una función de detección es
usada para encontrar ...
Que pasa cuando te conectas?
• Métodos de transporte
disponibles:
• Web Socket
• Flash Socket
• HTML File
• XHR Polling
• ...
Que pasa cuando te conectas?
Cliente socket.io Servidor Node +
Socket.io
Heartbeats son enviados para
asegurar una buena c...
Socket.IO
• Descargar e Instalar Node.js
• http://nodejs.org/#download
• Instalar Socket.IO
• Npm install socket.io
• Escr...
Socket.IO
• emit(event, data)
• on(event, handler)
Socket.IO
Basic Server setup
Socket.IO
Basic Client setup
Socket.IO
Vamonos pa`los codigos!
Gracias
Tiempo de responder preguntas!
JOSE GRATEREAUX
@JGRATEREAUX
https://github.com/gratereaux
Upcoming SlideShare
Loading in …5
×

Realtime nodejs socket io

1,686 views

Published on

Realtime nodejs socket io

Published in: Technology
  • Be the first to comment

Realtime nodejs socket io

  1. 1. Real Time Node JS + Socket.IO JOSE GRATEREAUX @JGRATEREAUX https://github.com/gratereaux http://www.slideshare.net/jgratereaux
  2. 2. Web Apps con real time Flight Radas: localizador de vuelos en tiempo real donde muestra informacion actual del avion. Murally is an app targeting creative teams who want to collaborate in a visual way using large murals. Real-time in Google Analytics Game-Cast de ESPN
  3. 3. Node.js Node.js es un entorno de programación en la capa del servidor basado en el lenguaje de programación Javascript, con I/O de datos en una arquitectura orientada a eventos y basado en el motor Javascript V8. Fue creado con el enfoque de ser útil en la creación de programas de red altamente escalables nodejs.org
  4. 4. ¿Websocket? • Es una tecnología que proporciona un canal de comunicación bidireccional y full-duplex sobre una única conexión TCP • Conexión persistente entre el servidor y el cliente.
  5. 5. Socket.IO • Tiene como objetivo hacer posible las aplicaciones en tiempo real en cualquier browser. • Socket entre Servidor & Cliente. • Enviar data de uno a otro. • Recibe data vía eventos. • Soporte de todos los browsers. • Múltiples sockets bajo la misma conexión. • Detección de desconexiones vía heartbeats. • 100% javascript • Lo podemos descargar vía NPM
  6. 6. Que pasa cuando te conectas? Cliente socket.io Servidor Node + Socket.io
  7. 7. Que pasa cuando te conectas? Cliente socket.io Servidor Node + Socket.io Handshake request
  8. 8. Que pasa cuando te conectas? Cliente socket.io Servidor Node + Socket.ioHandshake acepted La vía de transporte, id y config son retornados
  9. 9. Que pasa cuando te conectas? Cliente socket.io Servidor Node + Socket.io Una función de detección es usada para encontrar un layer de transporte que funcione.
  10. 10. Que pasa cuando te conectas? • Métodos de transporte disponibles: • Web Socket • Flash Socket • HTML File • XHR Polling • XHR Multipart • JSONP Polling
  11. 11. Que pasa cuando te conectas? Cliente socket.io Servidor Node + Socket.io Heartbeats son enviados para asegurar una buena conexión El cliente establece la conexión en tiempo real con el servidor
  12. 12. Socket.IO • Descargar e Instalar Node.js • http://nodejs.org/#download • Instalar Socket.IO • Npm install socket.io • Escribir el server y el cliente • Ejecutar o correr el servidor • Node server.js How to setup
  13. 13. Socket.IO • emit(event, data) • on(event, handler)
  14. 14. Socket.IO Basic Server setup
  15. 15. Socket.IO Basic Client setup
  16. 16. Socket.IO Vamonos pa`los codigos!
  17. 17. Gracias Tiempo de responder preguntas! JOSE GRATEREAUX @JGRATEREAUX https://github.com/gratereaux

×