Fundamentos de WebSocket

¿Qué es WebSocket?

WebSocket es un protocolo de comunicación que ofrece un canal persistente y bidireccional sobre una única conexión TCP. A diferencia de HTTP, cliente y servidor pueden enviar mensajes en cualquier momento.

Es la base de chats, juegos, paneles en vivo y herramientas colaborativas modernas.

Handshake y upgrade HTTP

La conexión comienza con una petición HTTP que se “actualiza” a WebSocket. Esto permite atravesar proxies y balanceadores antes de cambiar de protocolo.

// Client sends HTTP upgrade request:
GET /chat HTTP/1.1
Host: server.example.com
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ==
Sec-WebSocket-Version: 13

// Server responds with 101 Switching Protocols:
HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=

Ciclo de vida básico

const socket = new WebSocket('wss://api.example.com/ws');

socket.onopen = () => {
  socket.send(JSON.stringify({ type: 'hello' }));
};

socket.onmessage = (event) => {
  const data = JSON.parse(event.data);
  console.log('Mensaje:', data);
};

socket.onerror = (err) => console.error(err);
socket.onclose = () => console.log('Cerrado');

Enviar datos

// Texto
socket.send('hola');
socket.send(JSON.stringify({ type: 'message', text: 'Hola' }));

// Binario
const buffer = new Uint8Array([1, 2, 3]);
socket.send(buffer);