La API BroadcastChannel

Aprenda los conceptos básicos de la comunicación de uno a varios utilizando la API BroadcastChannel

losAPI de mensajería de canales una excelente manera de enviar mensajes 1 a 1 desde una ventana a un iframe, desde una ventana a un Web Worker, etc.

La API BroadcastChannel se puede utilizar para enviar mensajes de 1 a muchos, comunicándose con varias entidades al mismo tiempo.


Empiece por inicializar unBroadcastChannelobjeto:

const channel = new BroadcastChannel('thechannel')

Para enviar un mensaje en el canal, usa elpostMessage()método:

channel.postMessage('Hey!')

Un mensaje puede ser cualquiera de esos valores admitidos:

Para recibir mensajes del canal, escuche elmessageevento:

channel.onmessage = (event) => {
  console.log('Received', event.data)
}

Este evento se activa para todos los oyentes, excepto el que envía el mensaje.

Puede cerrar el canal usando:

channel.close()

Más tutoriales de navegador: