ExtendableMessageEvent

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis avril 2018.

Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

L'interface ExtendableMessageEvent de ServiceWorker API représentes un objet d'évenement qu'un évènement message 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.

Dans cet article

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 qui envoie le message.

ExtendableMessageEvent.lastEventId Lecture seule

Représente, dans un server-sent events, le dernier ID de l'évenement source.

ExtendableMessageEvent.source 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 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 au contexte principale via un channel message, l'objet d'évènement du onmessage sera un ExtendableMessageEvent.

js
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];
};

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 17 déc. 2024 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

API Service Worker
ExtendableMessageEvent
Constructeur
1. ExtendableMessageEvent()
Propriétés d'instance
Héritage
1. ExtendableEvent
2. Event
Pages liées à Service Workers API
Guides
1. Utiliser les service workers