ExtendableMessageEvent

ExtendableMessageEvent()

Erstellt eine neue ExtendableMessageEvent Objektinstanz.

Erbt Eigenschaften von seinem Elternteil, ExtendableEvent.

ExtendableMessageEvent.data Nur lesbar

Gibt die Daten des Ereignisses zurück. Es kann sich um jeden Datentyp handeln. Wenn im messageerror Ereignis ausgelöst, wird die Eigenschaft null sein.

ExtendableMessageEvent.origin Nur lesbar

Gibt den Ursprung des Client zurück, der die Nachricht gesendet hat.

ExtendableMessageEvent.lastEventId Nur lesbar

Repräsentiert bei server-sent events die letzte Ereignis-ID der Ereignisquelle.

ExtendableMessageEvent.source Nur lesbar

Gibt eine Referenz des Client Objekts zurück, das die Nachricht gesendet hat.

ExtendableMessageEvent.ports Nur lesbar

Gibt das Array zurück, das die MessagePort Objekte repräsentiert, die die Ports des zugehörigen Nachrichtenkanals darstellen.

Erbt Methoden von seinem Elternteil, ExtendableEvent.

Im untenstehenden Beispiel erhält eine Seite eine Referenz auf das ServiceWorker Objekt über ServiceWorkerRegistration.active und ruft dann seine postMessage() Funktion auf.

// in the page being controlled
if (navigator.serviceWorker) {
  navigator.serviceWorker.register("service-worker.js");

  navigator.serviceWorker.addEventListener("message", (event) => {
    // event is a MessageEvent object
    console.log(`The service worker sent me a message: ${event.data}`);
  });

  navigator.serviceWorker.ready.then((registration) => {
    registration.active.postMessage("Hi service worker");
  });
}

Der Service Worker kann die Nachricht empfangen, indem er auf das message Ereignis hört:

// in the service worker
addEventListener("message", (event) => {
  // event is an ExtendableMessageEvent object
  console.log(`The client sent me a message: ${event.data}`);

  event.source.postMessage("Hi client");
});

• Die Verwendung von Service Workern
• Grundlegendes Beispiel für Service Worker Code
• Kanal-Messaging