WebSocket | Webapi

 

Descripción

El inteface Websocket en Javascript es un elemento del WebAPI que permite establecer una comunicación bidireccional y persistente entre un navegador y un servidor. Esta tecnología es fundamental para aplicaciones que requieren actualizaciones en tiempo real, como chats, juegos online o dashboards de datos en vivo. A diferencia del modelo tradicional de petición-respuesta HTTP, WebSocket mantiene una conexión abierta que permite el intercambio continuo de datos.

Sintaxis

new WebSocket(url)
new WebSocket(url, protocols)

Constructores

Propiedades

Métodos

Eventos

Ejemplo

Este es un ejemplo básico para poder crear un WebSocket :

// Crear una nueva conexión WebSocket
const socket = new WebSocket('ws://ejemplo.com/socket');

// Manejar la apertura de la conexión
socket.addEventListener('open', (event) => {
    console.log('Conexión establecida');
    socket.send('¡Hola, servidor!');
});

// Escuchar mensajes entrantes
socket.addEventListener('message', (event) => {
    console.log('Mensaje recibido:', event.data);
});

// Manejar errores
socket.addEventListener('error', (event) => {
    console.error('Error en WebSocket:', event);
});

// Cerrar la conexión
socket.addEventListener('close', (event) => {
    console.log('Conexión cerrada');
});

Artículos