ExtendableMessageEvent

Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

L'interface ExtendableMessageEvent de ServiceWorker API (en-US) représentes un objet d'évenement qu'un évènement message (en-US) lance pour un service worker (quand un canal de message est reçu sur le ServiceWorkerGlobalScope depuis un autre context) — étends la durée de vie de ces évènements.

Cette interface hérite de l'interface ExtendableEvent.

Constructeur

ExtendableMessageEvent.ExtendableMessageEvent(): Crée une nouvelle instance de l'objet ExtendableMessageEvent.

Propriétés

Hérite des propriétés de son parent, ExtendableEvent.

ExtendableMessageEvent.data Lecture seule: Retourne les données de l'évenements. Il peut être de n'importe quel type.
ExtendableMessageEvent.origin Lecture seule: Retourne l'origine du ServiceWorkerClient (en-US) qui envoie le message.
ExtendableMessageEvent.lastEventId Lecture seule: Représente, dans un server-sent events, le dernier ID de l'évenement source.
ExtendableMessageEvent.source (en-US) Lecture seule: Retourne une référence vers le service worker qui envoie le message.
ExtendableMessageEvent.ports Lecture seule: Retourne un tableau contenant l'objet MessagePort (en-US) représentant les ports associés au canal de messagerie.

Méthodes

Hérite des méthodesde son parent, ExtendableEvent.

Exemples

Le code suivant est utilisé dans un service worker pour répondre à un message push en envoyant les données reçues via PushMessageData (en-US) au contexte principale via un channel message (en-US), l'objet d'évènement du onmessage sera un ExtendableMessageEvent.

var port;

self.addEventListener('push', function(e) {
  var 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 = function(e) {
  console.log(e);
  port = e.ports[0];
}

Spécifications

Specification
Service Workers # extendablemessageevent-interface

Compatibilité des navigateurs

BCD tables only load in the browser