SlideShare una empresa de Scribd logo
Real Time
Node JS + Socket.IO
JOSE GRATEREAUX
@JGRATEREAUX
https://github.com/gratereaux
http://www.slideshare.net/jgratereaux
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
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
¿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.
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
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 config son retornados
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.
Que pasa cuando te conectas?
• Métodos de transporte
disponibles:
• Web Socket
• Flash Socket
• HTML File
• XHR Polling
• XHR Multipart
• JSONP Polling
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
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
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

Más contenido relacionado

PPTX
Desarrollo de Aplicaciones con Node.js | INTERSYS UNPRG | 2012
PPTX
Introducción Nodejs
KEY
Introducción a NodeJS
PDF
Introducción a Node.js
PDF
Introducción a Node.js
PDF
Curso node.js
PPTX
Node JS (Francisco Cerdas)
PPTX
NodeJS
 
Desarrollo de Aplicaciones con Node.js | INTERSYS UNPRG | 2012
Introducción Nodejs
Introducción a NodeJS
Introducción a Node.js
Introducción a Node.js
Curso node.js
Node JS (Francisco Cerdas)
NodeJS
 

La actualidad más candente (20)

PPTX
Introduccion a Node.js
PDF
Introducción a NodeJS
PPTX
PDF
Rompiendo paradigmas
PPTX
Node.js - un poco de informacion.
PDF
Desarrollo Full Stack UAM.net
PPTX
Net love open source v1.7
PPTX
Introduccion a Node.js
PDF
Skydrive vs dropbox
PPTX
Alta disponibilidad y balanceo de carga con Linux y nginx
ODP
Taller Grails
KEY
Grails: Aumenta tu productividad en tus aplicaciones web Java
PDF
Meteor
PPTX
#Dean document db + express + angularjs + nodejs running on azure
PDF
Sácale todo el provecho a Stylus el mejor pre procesador de CSS
PPT
Meteor intro-2014 - spanish
PDF
Lecciones aprendidas creando una red social
PPTX
Una visión multiplataforma con aspnet v next
PPTX
#Dean document db + express + angularjs + nodejs running on azure
Introduccion a Node.js
Introducción a NodeJS
Rompiendo paradigmas
Node.js - un poco de informacion.
Desarrollo Full Stack UAM.net
Net love open source v1.7
Introduccion a Node.js
Skydrive vs dropbox
Alta disponibilidad y balanceo de carga con Linux y nginx
Taller Grails
Grails: Aumenta tu productividad en tus aplicaciones web Java
Meteor
#Dean document db + express + angularjs + nodejs running on azure
Sácale todo el provecho a Stylus el mejor pre procesador de CSS
Meteor intro-2014 - spanish
Lecciones aprendidas creando una red social
Una visión multiplataforma con aspnet v next
#Dean document db + express + angularjs + nodejs running on azure
Publicidad

Similar a Realtime nodejs socket io (20)

PDF
Web sockets
PDF
Estrategias Web para notifiaciones
PPT
App en tiempo real con HTML5+Node.js+Socket.IO
PDF
Node Js & 3D Printer
ODP
Empezando con node.js
ODP
Empezando con node.js
PPTX
Introduccion a Nodejs
PDF
node-js-es.19.pdf
PDF
Introduccion a nodejs
PDF
Introduccion a nodejs_a_traves_de_koans_ebook
PPTX
WebSockets
DOCX
Introduccion a-nodejs
DOCX
que es un socket
DOCX
PPTX
Introduccion SignalR
PPTX
Aplicaciones en tiempo real con nodejs y html5
DOCX
PPTX
Ajax reverse (Comet) con ASP.NET MVC - JUTI 2011
PPTX
Sockets y servidores
PDF
"Websockets: Aplicación práctica" por @danielRomeroE - Charla incluida en el ...
Web sockets
Estrategias Web para notifiaciones
App en tiempo real con HTML5+Node.js+Socket.IO
Node Js & 3D Printer
Empezando con node.js
Empezando con node.js
Introduccion a Nodejs
node-js-es.19.pdf
Introduccion a nodejs
Introduccion a nodejs_a_traves_de_koans_ebook
WebSockets
Introduccion a-nodejs
que es un socket
Introduccion SignalR
Aplicaciones en tiempo real con nodejs y html5
Ajax reverse (Comet) con ASP.NET MVC - JUTI 2011
Sockets y servidores
"Websockets: Aplicación práctica" por @danielRomeroE - Charla incluida en el ...
Publicidad

Último (20)

PPTX
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PPTX
Presentación PASANTIAS AuditorioOO..pptx
PDF
5.1 Pinch y Bijker en libro Actos, actores y artefactos de Bunch Thomas (coor...
PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PDF
Estrategia de apoyo tecnología grado 9-3
PPTX
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
PDF
Estrategia de apoyo tecnología miguel angel solis
PDF
Liceo departamental MICRO BIT (1) 2.pdfbbbnn
PDF
clase auditoria informatica 2025.........
PPT
introduccion a las_web en el 2025_mejoras.ppt
PDF
Maste clas de estructura metálica y arquitectura
PPTX
Presentación de Redes de Datos modelo osi
PPTX
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
PDF
SAP Transportation Management para LSP, TM140 Col18
PDF
Calidad desde el Docente y la mejora continua .pdf
PPTX
Sesion 1 de microsoft power point - Clase 1
PDF
Plantilla para Diseño de Narrativas Transmedia.pdf
PDF
CyberOps Associate - Cisco Networking Academy
PPT
El-Gobierno-Electrónico-En-El-Estado-Bolivia
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
Presentación PASANTIAS AuditorioOO..pptx
5.1 Pinch y Bijker en libro Actos, actores y artefactos de Bunch Thomas (coor...
Power Point Nicolás Carrasco (disertación Roblox).pptx
Estrategia de apoyo tecnología grado 9-3
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
Estrategia de apoyo tecnología miguel angel solis
Liceo departamental MICRO BIT (1) 2.pdfbbbnn
clase auditoria informatica 2025.........
introduccion a las_web en el 2025_mejoras.ppt
Maste clas de estructura metálica y arquitectura
Presentación de Redes de Datos modelo osi
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
SAP Transportation Management para LSP, TM140 Col18
Calidad desde el Docente y la mejora continua .pdf
Sesion 1 de microsoft power point - Clase 1
Plantilla para Diseño de Narrativas Transmedia.pdf
CyberOps Associate - Cisco Networking Academy
El-Gobierno-Electrónico-En-El-Estado-Bolivia
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN

Realtime nodejs socket io

  • 1. Real Time Node JS + Socket.IO JOSE GRATEREAUX @JGRATEREAUX https://github.com/gratereaux http://www.slideshare.net/jgratereaux
  • 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. 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. ¿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. 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. Que pasa cuando te conectas? Cliente socket.io Servidor Node + Socket.io
  • 7. Que pasa cuando te conectas? Cliente socket.io Servidor Node + Socket.io Handshake request
  • 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. 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. Que pasa cuando te conectas? • Métodos de transporte disponibles: • Web Socket • Flash Socket • HTML File • XHR Polling • XHR Multipart • JSONP Polling
  • 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. 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
  • 17. Gracias Tiempo de responder preguntas! JOSE GRATEREAUX @JGRATEREAUX https://github.com/gratereaux

Notas del editor

  • #6: You can use the HTML5 web socket in node-webkit: http://html5demos.com/web-socket And you can use node.js's net module if you want a better one: http://nodejs.org/api/net.html WebRTC also works, for the media part, you can read our Wiki: https://github.com/rogerwang/node-webkit/wiki/Control-camera-and-microphone-with-getusermedia-api