ExtendableMessageEvent: свойство ports

Чтение только свойство ports интерфейса ExtendableMessageEvent возвращает массив, содержащий объекты MessagePort, представляющие порты связанного канала сообщений (канала, через который отправляется сообщение).

Массив объектов MessagePort.

Когда следующий код используется внутри сервисного рабочего процесса для ответа на push-сообщения, отправляя полученные данные через PushMessageData в основной контекст через сообщение канала, объект события onmessage будет ExtendableMessageEvent.

let port;

self.addEventListener("push", (e) => {
  const obj = e.data.json();

  if (obj.action === "subscribe" || obj.action === "unsubscribe") {
    port.postMessage(obj);
  } else if (obj.action === "init" || obj.action === "chatMsg") {
    port.postMessage(obj);
  }
});

self.onmessage = (e) => {
  port = e.ports[0];
};

• Использование сервисных рабочих процессов
• Пример кода сервисного рабочего процесса
• Обмен сообщениями через каналы