HTML5 – Node.js – Socket.ioAplicacionesWeb en tiempo real
¿Qué es una aplicaciónweb en tiempo real?• http://www.lightstreamer.com/demo/StockListDemo/
Comunicación bidireccional entre el servidor ylos usuariosaa bbServidor Web
1 AntecedentesLimitaciones de la Web actual
Pull (Así funciona la Web)Servidor WebPeticiónNavegador WebRespuesta
Push (Lo que necesitamos)Servidor WebNavegador WebDatosEvento
Desde hace algunos años existen soluciones pero sonpoco eficientes…Servidor WebAjax (Polling)peticiónrespuestapeticiónresp...
• Script de prueba para Apache2.2 con PHP 5.3<?phpsleep(3);echo «hola mundo»;?>Simulamos con un script,una petición que to...
012345678910apache 2.2Los servidores web tienen un número limitado de procesos…Comportamiento de Apache 2.2 con 1000 petic...
Servidores tipo CometMisma infraestructura, diferente filosofía2
Con los servidores tipo Comet nos acercamos mucho más a lasolución ideal…Servidor tipo CometLong pollingpeticiónrespuestap...
Algunos servidores Comet / Websockets…Python Java .Net Ruby JavascriptTornadoTwisted…CometdProtcoloBayeuxGlassFishActiveMQ...
Acerca de Node.js• Basado en el motorJavascript Google V8• Todas las operacionesson asíncronas• Uno de los servidoresmás r...
En Node.js todas las operaciones son asíncronas. No usa procesos…Comportamiento de Node.js con 1000 peticiones,100 de ella...
WebSockets con HTML5En el futuro y presente3
Con el API de WebSockets se crea un canal bidirecional…Servidor consoporte paraWebSocketsrespuestarespuestainicio
Ejemplos con Node.js ySocket.ioEl futuroDesde un chat simple, hasta startups innovadoreshttp://www.dymotics.com/4
Walter Gerez@wgerezSkype: walter.gerezFace: wgerezGracias
Próxima SlideShare
Cargando en…5
×

App en tiempo real con HTML5+Node.js+Socket.IO

4.099 visualizaciones

Publicado el

Presentación de mi charla de app en tiemp real con Node.js y Socket.IO en el #BarCampNea

Publicado en: Tecnología
0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
4.099
En SlideShare
0
De insertados
0
Número de insertados
5
Acciones
Compartido
0
Descargas
64
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

App en tiempo real con HTML5+Node.js+Socket.IO

  1. 1. HTML5 – Node.js – Socket.ioAplicacionesWeb en tiempo real
  2. 2. ¿Qué es una aplicaciónweb en tiempo real?• http://www.lightstreamer.com/demo/StockListDemo/
  3. 3. Comunicación bidireccional entre el servidor ylos usuariosaa bbServidor Web
  4. 4. 1 AntecedentesLimitaciones de la Web actual
  5. 5. Pull (Así funciona la Web)Servidor WebPeticiónNavegador WebRespuesta
  6. 6. Push (Lo que necesitamos)Servidor WebNavegador WebDatosEvento
  7. 7. Desde hace algunos años existen soluciones pero sonpoco eficientes…Servidor WebAjax (Polling)peticiónrespuestapeticiónrespuestapeticiónrespuesta
  8. 8. • Script de prueba para Apache2.2 con PHP 5.3<?phpsleep(3);echo «hola mundo»;?>Simulamos con un script,una petición que toma3 segundos en ejecutarse.
  9. 9. 012345678910apache 2.2Los servidores web tienen un número limitado de procesos…Comportamiento de Apache 2.2 con 1000 peticiones,100 de ellas concurrentesPeticiones
  10. 10. Servidores tipo CometMisma infraestructura, diferente filosofía2
  11. 11. Con los servidores tipo Comet nos acercamos mucho más a lasolución ideal…Servidor tipo CometLong pollingpeticiónrespuestapeticiónrespuestapetición
  12. 12. Algunos servidores Comet / Websockets…Python Java .Net Ruby JavascriptTornadoTwisted…CometdProtcoloBayeuxGlassFishActiveMQ…WebSyncProtocoloBayeuxThin/FayeprotocoloBayeuxNode.js*Es posibleejecutarlo enWindowsAzureOpen Source Open Source Comercial Open Source Open Source
  13. 13. Acerca de Node.js• Basado en el motorJavascript Google V8• Todas las operacionesson asíncronas• Uno de los servidoresmás rápidos del mercado• Altamente eficiente• Ideal para la creación deaplicaciones en tiemporeal
  14. 14. En Node.js todas las operaciones son asíncronas. No usa procesos…Comportamiento de Node.js con 1000 peticiones,100 de ellas concurrentes012345678910NodePeticionesTiempo (s)
  15. 15. WebSockets con HTML5En el futuro y presente3
  16. 16. Con el API de WebSockets se crea un canal bidirecional…Servidor consoporte paraWebSocketsrespuestarespuestainicio
  17. 17. Ejemplos con Node.js ySocket.ioEl futuroDesde un chat simple, hasta startups innovadoreshttp://www.dymotics.com/4
  18. 18. Walter Gerez@wgerezSkype: walter.gerezFace: wgerezGracias

×