¿Cómo funciona Socket.io?

Clase 5 de 26 • Curso de Aplicaciones en Tiempo Real con Socket.io

Carlos Alejandro Hernández Mejía

student•

Cómo funciona la librería

Esta librería se divide en dos partes, Engine io y Socket io.

Engine io

Es el motor de la librería. Se encarga de establecer la conexión entre el cliente y el servidor. Maneja las formas de conectarse (Transports), el mecanismo de actualización y detección de des-conexiones.

Cuando este inicia una conexión, el servidor manda cierta información (handshake) que será útil para algunos mecanismos de Engine io.

Transports → Socket io conoce a sus mecanismos de conexión mediante Transports y actualmente tiene 2 formas de conectarse, HTTP Long-Polling y WebSockets.
Mecanismos de actualización → En resumen, es la forma que tiene Engine io de cambiar de HTTP Long-Polling a WebSockets.

Pero, ¿por qué cambiaría de HTTP Long-Polling a WebSockets? Esto se debe a que socket io primero usa HTTP Long-Polling para conectarse, incluso si WebSockets está disponible, debido a que no siempre es posible conectarse mediante estos últimos y la comunicación puede fallar porque algo lo está impidiendo (proxys, firewalls, antivirus, etc.).

💡 El recuperarse de este tipo de fallos puede llegar a tomar hasta 10 segundos antes que la aplicación empiece a funcionar, esto perjudica la experiencia de usuario.

Luego, Engine io hará ciertas validaciones para determinar si se pueden usar los WebSockets, en cuyo caso, terminará conectándose mediante estos.
Detección de des-conexiones → Se incluye un mecanismo para detectar cuando un cliente se desconecta.

El cual consiste en revisar cada cierto tiempo (pingInterval) si la conexión todavía está funcionando. Esto lo logra enviando un paquete al cliente desde el servidor, y el cliente tiene cierto tiempo (pingTimeout) para responder ese paquete.

En el caso que cliente no responda, se considera que este se ha desconectado. Pero si el cliente no recibe el paquete en cierto intervalo de tiempo (pingInterval + pingTimeout) se considera como que el servidor se ha desconectado.

Una conexión se considera cerrada cuándo:

Una solicitud HTTP falla (por ejemplo, el servidor se apaga).
Una conexión por WebSocket se cierra (por ejemplo, se cierra la ventana).
Se llama al método socket.disconnect().

Socket io

Es la librería en sí. Por su parte, provee funcionalidades extra sobre Engine io, por ejemplo:

Reconexión automática
Packet buffering
Broadcasting
Multiplexing
Manejo de eventos

uRieL Martinez Bautista

student•

Engine es hermoso, cambia la estrategia dinamicamte.

Carlos Eduardo Bracho Ramírez

student•

Si Socket io no es recomendado en móvil por el consumo de batería, ¿hay alguna forma de resolver eso? Si por ejemplo quiero hacer un clon de Discord o Whatsapp, que funcione principalmente en móvil, ¿no se recomienda Socket io?

Fernando Francisco López Mauro

student•

Necesito ser la primera pregunta:D

Carlos Eduardo Gomez García

teacher•

¡Y lo fuiste!

Deiby Alejandro Triana Archila

student•

Excelente

Martin Fiori

student•

Buenas, si quisiese conectar el socket entre 2 proyectos distintos? Serían 2 back y 2 clientes que no tienen relación alguna solo el chat

¿Cómo funciona Socket.io?

Fundamentos de Socket.io

Cómo hacer aplicaciones en tiempo real

Protocolos de comunicación: HTTP vs. WebSockets

¿Qué es Socket.io?

Socket.io vs. WebSockets

¿Cómo funciona Socket.io?

Ciclo de vida de Socket.io

Socket.io en la práctica

Creando nuestra primera aplicación con Socket.io

Obteniendo información de conexiones en el servidor

Emisión de eventos

On, Once y Off

Broadcast de eventos

Creación de salas con Socket.io

Namespaces en Socket.io

Lógica de envio de mensajes

Manejo offline

Eventos volátiles

Manejo de Middlewares

Herramientas extra

Debugging en Socket.io

Configuración para testing usando la librería jest

Testing con jest

Admin UI

Proyecto WebChat

Estructura inicial del proyecto WebChat

Sistema de autenticación

Programando la lógica del chat

Detalles finales y demostración de chat en tiempo real

Cierre

¿Quieres un Curso Práctico de Socket.io?