SlideShare a Scribd company logo
1 of 8
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 );

More Related Content

What's hot

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
 

What's hot (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 to 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 to 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)
 

Recently uploaded

Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDLeslie Villar
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
que es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxque es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxmrzreyes12
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAcoloncopias5
 
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.Aldo Fernandez
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxchinojosa17
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxNicolas Villarroel
 
Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)BrianaFrancisco
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 

Recently uploaded (16)

Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
que es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxque es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptx
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
 
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptx
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptx
 
Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 

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 );