SlideShare una empresa de Scribd logo
WEBSOCKETS
&
WEB MESSAGING
Responsable:
• Félix D. Loor Barragán
Asignatura:
PROGRAMACIÓN DE SITIOS WEB
WEBSOCKET: DEFINICIÓN
WebSocket es una tecnología que
proporciona un canal de
comunicación bidireccional y full-
duplex sobre un único socket TCP.
WEBSOCKET: FUNCIONAMIENTO
Con WebSocket, la solicitud HTTP
se convierte en una solicitud única
para abrir una conexión WebSocket.
WEBSOCKET: ¿POR QUÉ USARLO?
• Ahorra ancho de banda y potencia de la CPU
• Disminuye la latenciaRENDIMIENTO
• Mantener el estado de sesión a través de solicitudes
añade complejidadSIMPLICIDAD
• Protocolos de aplicación de nivel superior
• modularidad y desarrollo de componentes reutilizablesNORMAS
WEBSOCKET: ESTRUCTURA
Websocket está conformado por una API y un protocolo
de trabajo
WEBSOCKET
Protocolo
RFC 6455 contiene las reglas
exactas que deben seguirse
cuando se implementa un
WebSocket cliente o servidor.
API
Interfaz que permite controlar
un canal de comunicación full-
dúplex a través del cual puede
enviar y recibir mensajes.
WEB MESSAGING
Es una API de JavaScript que permite de una forma segura
compartir información entre documentos en el mismo
contexto de navegación, sin correr el riesgo de exponer
el DOM a un sitio hostil
WEB MESSAGING
La especificación está centrada en relegar la comunicación
de documentos directamente al navegador, logrando así
una implementación hermosa y sin necesidad de
intervención del servidor, reduciendo así su carga e
incrementando la seguridad en el sitio (teóricamente).
WEB MESSAGING
El envío de un mensaje es relativamente sencillo, no hace
falta más que utilizar el método postMessage de un
objeto window referenciado, ya sea de la
propiedad contentWindow de un iframe, el objeto devuelto
de window.open, o un nombre/índice en window.frames.
window.postMessage( Mensaje, Origen );

Más contenido relacionado

La actualidad más candente

Servidores web de altas prestaciones. Tema 2
Servidores web de altas prestaciones. Tema 2Servidores web de altas prestaciones. Tema 2
Servidores web de altas prestaciones. Tema 2pacvslideshare
 
El combate del siglo: AngularJS vs ReactJS
El combate del siglo: AngularJS vs ReactJSEl combate del siglo: AngularJS vs ReactJS
El combate del siglo: AngularJS vs ReactJSSlashMobility.com
 
Herramientas de monitoreo
Herramientas de monitoreoHerramientas de monitoreo
Herramientas de monitoreoAlex Yungan
 
Windows server 2012 jose luis
Windows server 2012 jose luisWindows server 2012 jose luis
Windows server 2012 jose luisyanez1814
 
Sun Java System Web Server 6.1
Sun Java System Web Server 6.1Sun Java System Web Server 6.1
Sun Java System Web Server 6.1Oliver Centeno
 
H:\Servidores Web\Apache
H:\Servidores Web\ApacheH:\Servidores Web\Apache
H:\Servidores Web\ApacheCOMPUTO1GRUPO3
 
Ubuntu Server Edition 9.04 Jaunty Jackalope
Ubuntu Server Edition 9.04 Jaunty JackalopeUbuntu Server Edition 9.04 Jaunty Jackalope
Ubuntu Server Edition 9.04 Jaunty JackalopeAntonio Ognio
 
Red cliente-servdidor
Red cliente-servdidorRed cliente-servdidor
Red cliente-servdidorAngel Joshua
 
Servidores web de altas prestaciones. Tema 0. Presentación
Servidores web de altas prestaciones. Tema 0. PresentaciónServidores web de altas prestaciones. Tema 0. Presentación
Servidores web de altas prestaciones. Tema 0. Presentaciónpacvslideshare
 

La actualidad más candente (15)

Servidores web de altas prestaciones. Tema 2
Servidores web de altas prestaciones. Tema 2Servidores web de altas prestaciones. Tema 2
Servidores web de altas prestaciones. Tema 2
 
El combate del siglo: AngularJS vs ReactJS
El combate del siglo: AngularJS vs ReactJSEl combate del siglo: AngularJS vs ReactJS
El combate del siglo: AngularJS vs ReactJS
 
Preguntas Wamp
Preguntas WampPreguntas Wamp
Preguntas Wamp
 
Proxy
ProxyProxy
Proxy
 
Herramientas de monitoreo
Herramientas de monitoreoHerramientas de monitoreo
Herramientas de monitoreo
 
Capitulo 09-10
Capitulo 09-10Capitulo 09-10
Capitulo 09-10
 
Windows server 2012 jose luis
Windows server 2012 jose luisWindows server 2012 jose luis
Windows server 2012 jose luis
 
Sun Java System Web Server 6.1
Sun Java System Web Server 6.1Sun Java System Web Server 6.1
Sun Java System Web Server 6.1
 
H:\Servidores Web\Apache
H:\Servidores Web\ApacheH:\Servidores Web\Apache
H:\Servidores Web\Apache
 
Ubuntu Server Edition 9.04 Jaunty Jackalope
Ubuntu Server Edition 9.04 Jaunty JackalopeUbuntu Server Edition 9.04 Jaunty Jackalope
Ubuntu Server Edition 9.04 Jaunty Jackalope
 
Pc02 13
Pc02 13Pc02 13
Pc02 13
 
Servidores web
Servidores webServidores web
Servidores web
 
Red cliente-servdidor
Red cliente-servdidorRed cliente-servdidor
Red cliente-servdidor
 
IIS y APACHE
IIS y APACHEIIS y APACHE
IIS y APACHE
 
Servidores web de altas prestaciones. Tema 0. Presentación
Servidores web de altas prestaciones. Tema 0. PresentaciónServidores web de altas prestaciones. Tema 0. Presentación
Servidores web de altas prestaciones. Tema 0. Presentación
 

Similar a Websockets & Web Messaging

Arquitectura tres capas, NET
Arquitectura tres capas, NETArquitectura tres capas, NET
Arquitectura tres capas, NETUAE
 
SEMANA 1. Introducción a las redes conmutadas.pptx
SEMANA 1. Introducción a las redes conmutadas.pptxSEMANA 1. Introducción a las redes conmutadas.pptx
SEMANA 1. Introducción a las redes conmutadas.pptxyanethmercedesaquino
 
Virtual private network VPN e IPSec
Virtual private network VPN e IPSecVirtual private network VPN e IPSec
Virtual private network VPN e IPSecDavid Narváez
 
"Websockets: Aplicación práctica" por @danielRomeroE - Charla incluida en el ...
"Websockets: Aplicación práctica" por @danielRomeroE - Charla incluida en el ..."Websockets: Aplicación práctica" por @danielRomeroE - Charla incluida en el ...
"Websockets: Aplicación práctica" por @danielRomeroE - Charla incluida en el ...Beperk.com
 
sistemas de banda ancha y redes de datos
sistemas de banda ancha y redes de datossistemas de banda ancha y redes de datos
sistemas de banda ancha y redes de datosArmin Ferrufino Rojas
 
Servicios avanzados de Internet
Servicios avanzados de InternetServicios avanzados de Internet
Servicios avanzados de InternetTm-CS
 
Servicios web
Servicios webServicios web
Servicios webvictoremr
 
Cuadro comparativo entre las webs 1.0, 2.0 y 3.0
Cuadro comparativo entre las webs 1.0, 2.0 y 3.0Cuadro comparativo entre las webs 1.0, 2.0 y 3.0
Cuadro comparativo entre las webs 1.0, 2.0 y 3.0MarianaTarazona18
 
Conceptos basicos de redes
Conceptos basicos de redesConceptos basicos de redes
Conceptos basicos de redesMartín Guzmán
 
Windows communication foundation (wcf)
Windows communication foundation (wcf)Windows communication foundation (wcf)
Windows communication foundation (wcf)Vivi Marquez
 
Windows communication foundation (wcf)
Windows communication foundation (wcf)Windows communication foundation (wcf)
Windows communication foundation (wcf)Vivi Marquez
 

Similar a Websockets & Web Messaging (20)

Arquitectura tres capas, NET
Arquitectura tres capas, NETArquitectura tres capas, NET
Arquitectura tres capas, NET
 
SEMANA 1. Introducción a las redes conmutadas.pptx
SEMANA 1. Introducción a las redes conmutadas.pptxSEMANA 1. Introducción a las redes conmutadas.pptx
SEMANA 1. Introducción a las redes conmutadas.pptx
 
WebSockets
WebSocketsWebSockets
WebSockets
 
Virtual private network VPN e IPSec
Virtual private network VPN e IPSecVirtual private network VPN e IPSec
Virtual private network VPN e IPSec
 
"Websockets: Aplicación práctica" por @danielRomeroE - Charla incluida en el ...
"Websockets: Aplicación práctica" por @danielRomeroE - Charla incluida en el ..."Websockets: Aplicación práctica" por @danielRomeroE - Charla incluida en el ...
"Websockets: Aplicación práctica" por @danielRomeroE - Charla incluida en el ...
 
sistemas de banda ancha y redes de datos
sistemas de banda ancha y redes de datossistemas de banda ancha y redes de datos
sistemas de banda ancha y redes de datos
 
Topologias de internet
Topologias de internetTopologias de internet
Topologias de internet
 
Servicios avanzados de Internet
Servicios avanzados de InternetServicios avanzados de Internet
Servicios avanzados de Internet
 
Pdfwebservices
PdfwebservicesPdfwebservices
Pdfwebservices
 
Virtual port-channel
Virtual port-channelVirtual port-channel
Virtual port-channel
 
Servicios web
Servicios webServicios web
Servicios web
 
Api web socket
Api web socketApi web socket
Api web socket
 
Capas protocolos
Capas protocolosCapas protocolos
Capas protocolos
 
Deber
DeberDeber
Deber
 
Java2 servicios web
Java2 servicios webJava2 servicios web
Java2 servicios web
 
Cuadro comparativo entre las webs 1.0, 2.0 y 3.0
Cuadro comparativo entre las webs 1.0, 2.0 y 3.0Cuadro comparativo entre las webs 1.0, 2.0 y 3.0
Cuadro comparativo entre las webs 1.0, 2.0 y 3.0
 
Cisco Ccna Capitulo 2
Cisco Ccna Capitulo 2Cisco Ccna Capitulo 2
Cisco Ccna Capitulo 2
 
Conceptos basicos de redes
Conceptos basicos de redesConceptos basicos de redes
Conceptos basicos de redes
 
Windows communication foundation (wcf)
Windows communication foundation (wcf)Windows communication foundation (wcf)
Windows communication foundation (wcf)
 
Windows communication foundation (wcf)
Windows communication foundation (wcf)Windows communication foundation (wcf)
Windows communication foundation (wcf)
 

Último

PANCREATITIS aguda explicacion anatomia todo
PANCREATITIS aguda explicacion anatomia todoPANCREATITIS aguda explicacion anatomia todo
PANCREATITIS aguda explicacion anatomia todoIsabelHuairaGarma
 
Enfermedades Crónicas No Transmisibles e
Enfermedades Crónicas No Transmisibles eEnfermedades Crónicas No Transmisibles e
Enfermedades Crónicas No Transmisibles eYURYMILENACARDENASSA
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxElizabeth Mejia
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxQuerubinOlayamedina
 
Metodología Investigación Cientifica 6ta ed.pdf
Metodología Investigación Cientifica 6ta ed.pdfMetodología Investigación Cientifica 6ta ed.pdf
Metodología Investigación Cientifica 6ta ed.pdfJoselinBocanegra1
 
SliderSHARE ¿que es? y ¿c0mo funciona ?.
SliderSHARE ¿que es? y ¿c0mo funciona ?.SliderSHARE ¿que es? y ¿c0mo funciona ?.
SliderSHARE ¿que es? y ¿c0mo funciona ?.brenesquesadajenifer
 
La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...yeisonmoreno02
 
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...quintinana89
 

Último (9)

PANCREATITIS aguda explicacion anatomia todo
PANCREATITIS aguda explicacion anatomia todoPANCREATITIS aguda explicacion anatomia todo
PANCREATITIS aguda explicacion anatomia todo
 
Enfermedades Crónicas No Transmisibles e
Enfermedades Crónicas No Transmisibles eEnfermedades Crónicas No Transmisibles e
Enfermedades Crónicas No Transmisibles e
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
 
Metodología Investigación Cientifica 6ta ed.pdf
Metodología Investigación Cientifica 6ta ed.pdfMetodología Investigación Cientifica 6ta ed.pdf
Metodología Investigación Cientifica 6ta ed.pdf
 
SliderSHARE ¿que es? y ¿c0mo funciona ?.
SliderSHARE ¿que es? y ¿c0mo funciona ?.SliderSHARE ¿que es? y ¿c0mo funciona ?.
SliderSHARE ¿que es? y ¿c0mo funciona ?.
 
La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...
 
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
 
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA IINSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
 

Websockets & Web Messaging

  • 1. WEBSOCKETS & WEB MESSAGING Responsable: • Félix D. Loor Barragán Asignatura: PROGRAMACIÓN DE SITIOS WEB
  • 2. WEBSOCKET: DEFINICIÓN WebSocket es una tecnología que proporciona un canal de comunicación bidireccional y full- duplex sobre un único socket TCP.
  • 3. WEBSOCKET: FUNCIONAMIENTO Con WebSocket, la solicitud HTTP se convierte en una solicitud única para abrir una conexión WebSocket.
  • 4. WEBSOCKET: ¿POR QUÉ USARLO? • Ahorra ancho de banda y potencia de la CPU • Disminuye la latenciaRENDIMIENTO • Mantener el estado de sesión a través de solicitudes añade complejidadSIMPLICIDAD • Protocolos de aplicación de nivel superior • modularidad y desarrollo de componentes reutilizablesNORMAS
  • 5. WEBSOCKET: ESTRUCTURA Websocket está conformado por una API y un protocolo de trabajo WEBSOCKET Protocolo RFC 6455 contiene las reglas exactas que deben seguirse cuando se implementa un WebSocket cliente o servidor. API Interfaz que permite controlar un canal de comunicación full- dúplex a través del cual puede enviar y recibir mensajes.
  • 6. WEB MESSAGING Es una API de JavaScript que permite de una forma segura compartir información entre documentos en el mismo contexto de navegación, sin correr el riesgo de exponer el DOM a un sitio hostil
  • 7. WEB MESSAGING La especificación está centrada en relegar la comunicación de documentos directamente al navegador, logrando así una implementación hermosa y sin necesidad de intervención del servidor, reduciendo así su carga e incrementando la seguridad en el sitio (teóricamente).
  • 8. WEB MESSAGING El envío de un mensaje es relativamente sencillo, no hace falta más que utilizar el método postMessage de un objeto window referenciado, ya sea de la propiedad contentWindow de un iframe, el objeto devuelto de window.open, o un nombre/índice en window.frames. window.postMessage( Mensaje, Origen );