From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../web/api/extendablemessageevent/data/index.html | 128 +++++++++++++++++ .../extendablemessageevent/index.html | 129 ++++++++++++++++++ files/fr/web/api/extendablemessageevent/index.html | 151 +++++++++++++++++++++ .../extendablemessageevent/lasteventid/index.html | 130 ++++++++++++++++++ .../api/extendablemessageevent/origin/index.html | 134 ++++++++++++++++++ .../api/extendablemessageevent/ports/index.html | 129 ++++++++++++++++++ 6 files changed, 801 insertions(+) create mode 100644 files/fr/web/api/extendablemessageevent/data/index.html create mode 100644 files/fr/web/api/extendablemessageevent/extendablemessageevent/index.html create mode 100644 files/fr/web/api/extendablemessageevent/index.html create mode 100644 files/fr/web/api/extendablemessageevent/lasteventid/index.html create mode 100644 files/fr/web/api/extendablemessageevent/origin/index.html create mode 100644 files/fr/web/api/extendablemessageevent/ports/index.html (limited to 'files/fr/web/api/extendablemessageevent') diff --git a/files/fr/web/api/extendablemessageevent/data/index.html b/files/fr/web/api/extendablemessageevent/data/index.html new file mode 100644 index 0000000000..c4c6f6c3c2 --- /dev/null +++ b/files/fr/web/api/extendablemessageevent/data/index.html @@ -0,0 +1,128 @@ +--- +title: ExtendableMessageEvent.data +slug: Web/API/ExtendableMessageEvent/data +tags: + - API + - Experimental + - Propriété + - Reference + - Service Workers +translation_of: Web/API/ExtendableMessageEvent/data +--- +
{{APIRef("Service Workers API")}}{{SeeCompatTable}}
+ +

La propriété data est une propriété en lecture seule rattachée à l'interface {{domxref("ExtendableMessageEvent")}} et qui permet d'accéder aux données de l'évènement. Il peut s'agir de n'importe quel type de donnée.

+ +

Syntaxe

+ +
var mesDonnees = ExtendableMessageEventInstance.data;
+ +

Valeur

+ +

N'importe quel type de donnée.

+ +

Exemples

+ +

Quand le code suivant est utilisé dans un service worker pour répondre à un message push en envoyant les données reçues par {{domxref("PushMessageData")}} au contexte principal via un message, l'objet de l'évènement 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.data);
+  port = e.ports[0];
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Service Workers', '#extendablemessage-event-data-attribute', 'ExtendableMessageEvent.data')}}{{Spec2('Service Workers')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Support simple{{CompatUnknown}}{{CompatGeckoDesktop("45.0")}}[1]{{CompatNo}}{{CompatUnknown}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidWebview AndroidFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari MobileChrome pour Android
Support simple{{CompatNo}}{{CompatNo}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}
+
+ +

[1] Les service workers (ainsi que les notifications push) ont été désactivées pour les éditions ESR de Firefox 45 et Firefox 52.

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/extendablemessageevent/extendablemessageevent/index.html b/files/fr/web/api/extendablemessageevent/extendablemessageevent/index.html new file mode 100644 index 0000000000..5ec94ab660 --- /dev/null +++ b/files/fr/web/api/extendablemessageevent/extendablemessageevent/index.html @@ -0,0 +1,129 @@ +--- +title: ExtendableMessageEvent.ExtendableMessageEvent() +slug: Web/API/ExtendableMessageEvent/ExtendableMessageEvent +tags: + - API + - Constructor + - Experimental + - Reference + - Service Workers +translation_of: Web/API/ExtendableMessageEvent/ExtendableMessageEvent +--- +

{{APIRef("Service Workers API")}}{{ SeeCompatTable() }}

+ +

Le constructeur ExtendableMessageEvent()crée une nouvelle instance d'un {{domxref("ExtendableMessageEvent")}}.

+ +

Syntaxe

+ +
var myEME = new ExtendableMessageEvent(type, init);
+ +

Paramètres

+ +
+
type
+
Un {{domxref("DOMString")}} qui définie le type de message créé.
+
init {{optional_inline}}
+
Un objet d'initialisation, qui doit contenir les paramètres suivant: +
    +
  • data: Les données de l'évènement — peut être de n'importe quel type.
    • +
  • origin: Une {{domxref("DOMString")}} qui définie l'origine de l'environnement du service worker correspondant.
    • +
  • lastEventId: Une {{domxref("DOMString")}} qui définie le dernier l'id du dernier évènement de l'évènement source.
    • +
  • source: Le {{domxref("Client")}}, {{domxref("ServiceWorker")}} ou {{domxref("MessagePort")}} qui a envoyé un message.
    • +
  • ports: Un tableau contenant les objets  {{domxref("MessagePort")}} connectés au canal d'envoie des messages.
    • +
+
+
+ +

Exemples

+ +
var init = {
+             data : 'Message de bienvenue',
+             source : MessagePortReference,
+             ports : MessagePortListReference
+           }
+
+var myEME = new ExtendableMessageEvent('message', init);
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Service Workers', '#extendablemessage-event-interface', 'ExtendableMessageEvent')}}{{Spec2('Service Workers')}}Définition initiale.
+ +

Compatibilités des navigateurs

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Support de base{{CompatUnknown}}{{CompatGeckoDesktop("45.0")}}[1]{{CompatNo}}{{CompatUnknown}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidAndroid WebviewFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari MobileChrome for Android
Support de base{{CompatNo}}{{CompatNo}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}
+
+ +

[1] Les services workers (et Push) on été désactivés dans la Sortie du support étendu de Firefox 45 (ESR.)

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/extendablemessageevent/index.html b/files/fr/web/api/extendablemessageevent/index.html new file mode 100644 index 0000000000..518622d6cc --- /dev/null +++ b/files/fr/web/api/extendablemessageevent/index.html @@ -0,0 +1,151 @@ +--- +title: ExtendableMessageEvent +slug: Web/API/ExtendableMessageEvent +tags: + - API + - Experimental + - ExtendableMessageEvent + - Interface + - Reference + - Service Workers +translation_of: Web/API/ExtendableMessageEvent +--- +
{{APIRef("Service Workers API")}}{{SeeCompatTable}}
+ +
 
+ +

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

+ +

Cette interface hérite de l'interface {{domxref("ExtendableEvent")}}.

+ +

Constructeur

+ +
+
{{domxref("ExtendableMessageEvent.ExtendableMessageEvent()")}}
+
Crée une nouvelle instance de l'objet ExtendableMessageEvent.
+
+ +

Propriétés

+ +

Hérite des propriétés de son parent, {{domxref("ExtendableEvent")}}.

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

Méthodes

+ +

Hérite des méthodesde son parent, {{domxref("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  {{domxref("PushMessageData")}} au contexte principale via un channel message, 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

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaireaire
{{SpecName('Service Workers', '#extendablemessage-event-interface', 'ExtendableMessageEvent')}}{{Spec2('Service Workers')}}Définition initiale.
+ +

Compatibilités des navigateurs

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Support de base{{CompatUnknown}}{{CompatGeckoDesktop("45.0")}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidAndroid WebviewFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari MobileChrome for Android
Support de base{{CompatNo}}{{CompatNo}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}
+
+ +

Voir aussi

+ + diff --git a/files/fr/web/api/extendablemessageevent/lasteventid/index.html b/files/fr/web/api/extendablemessageevent/lasteventid/index.html new file mode 100644 index 0000000000..a44b88c854 --- /dev/null +++ b/files/fr/web/api/extendablemessageevent/lasteventid/index.html @@ -0,0 +1,130 @@ +--- +title: ExtendableMessageEvent.lastEventId +slug: Web/API/ExtendableMessageEvent/lastEventId +tags: + - API + - Experimental + - ExtendableMessageEvent + - Property + - Reference + - Service Workers + - lastEventID +translation_of: Web/API/ExtendableMessageEvent/lastEventId +--- +

{{APIRef("Service Workers API")}}{{SeeCompatTable}}

+ +

La propriété en lecture seule lastEventID de l'interface {{domxref("ExtendableMessageEvent")}} représente, dans les évenements envoyés par lle serveur, le dernier ID de l'évenement source.

+ +

Syntaxe

+ +
var myLastEventId = ExtendableMessageEventInstance.lastEventId;
+ +

Value

+ +

Une {{domxref("DOMString")}}.

+ +

Exemples

+ +

Le code suivant est utilisé, dans un service worker, pour répondre à un message push en envoyant les données reçues par le  {{domxref("PushMessageData")}} au contexte principale, via le canal de messages. L'objet événement de 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.lastEventId);
+  port = e.ports[0];
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Service Workers', '#extendablemessage-event-lasteventid-attribute', 'ExtendableMessageEvent.lastEventId')}}{{Spec2('Service Workers')}}Définition initiale.
+ +

Compatibilités des navigateurs

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Support de base{{CompatUnknown}}{{CompatGeckoDesktop("45.0")}}[1]{{CompatNo}}{{CompatUnknown}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidAndroid WebviewFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari MobileChrome for Android
Support de base{{CompatNo}}{{CompatNo}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}
+
+ +

[1] Service workers (and Push) have been disabled in the Firefox 45 Extended Support Release (ESR.)

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/extendablemessageevent/origin/index.html b/files/fr/web/api/extendablemessageevent/origin/index.html new file mode 100644 index 0000000000..ffb8f070f3 --- /dev/null +++ b/files/fr/web/api/extendablemessageevent/origin/index.html @@ -0,0 +1,134 @@ +--- +title: ExtendableMessageEvent.origin +slug: Web/API/ExtendableMessageEvent/origin +tags: + - API + - Experimental + - ExtendableMessageEvent + - Property + - Reference + - Service Workers + - origin +translation_of: Web/API/ExtendableMessageEvent/origin +--- +

{{APIRef("Service Workers API")}}{{SeeCompatTable}}

+ +

La propriété en lecture seule origin de l'interface {{domxref("ExtendableMessageEvent")}} retourne l'origine du  {{domxref("ServiceWorkerClient")}} qui a envoyé le message.

+ +

Syntaxe

+ +
var myOrigin = ExtendableMessageEventInstance.origin;
+ +

Value

+ +

Une {{domxref("DOMString")}}.

+ +

Exemples

+ +

Le code suivant est utilisé, dans un service worker, pour répondre à un message push en envoyant les données reçues par le  PushMessageData au contexte principale, via le canal de messages. L'objet événement de 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.origin);
+  port = e.ports[0];
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Service Workers', '#extendablemessage-event-origin-attribute', 'ExtendableMessageEvent.origin')}}{{Spec2('Service Workers')}}Définition initiale.
+ +

Compatibilités des navigateurs

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Support de base{{CompatUnknown}}{{CompatGeckoDesktop("45.0")}}[1]{{CompatNo}}{{CompatUnknown}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidAndroid WebviewFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari MobileChrome for Android
Support de base{{CompatNo}}{{CompatNo}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}
+
+ +

[1] Les service workers (et le Push) ont été désactivés de Firefox 45 Extended Support Release (ESR.)

+ +

Voir aussi

+ + + +
 
+ +

 

diff --git a/files/fr/web/api/extendablemessageevent/ports/index.html b/files/fr/web/api/extendablemessageevent/ports/index.html new file mode 100644 index 0000000000..3a27d3f199 --- /dev/null +++ b/files/fr/web/api/extendablemessageevent/ports/index.html @@ -0,0 +1,129 @@ +--- +title: ExtendableMessageEvent.ports +slug: Web/API/ExtendableMessageEvent/ports +tags: + - API + - Experimental + - ExtendableMessageEvent + - Property + - Reference + - Service Workers + - ports +translation_of: Web/API/ExtendableMessageEvent/ports +--- +

{{APIRef("Service Workers API")}}{{SeeCompatTable}}

+ +

La propriété en lecture seule ports de l'interface {{domxref("ExtendableMessageEvent")}} retourne un tableau contenant les objects {{domxref("MessagePort")}} représentants les ports associés aux canaux de messages associés (le canal du message est envoyé).

+ +

Syntaxe

+ +
var myPorts = ExtendableMessageEventInstance.ports;
+ +

Value

+ +

Un tableau de {{domxref("MessagePort")}}.

+ +

Exemples

+ +

Le code suivant est utilisé, dans un service worker, pour répondre à un message push en envoyant les données reçues par le  PushMessageData au contexte principale, via le canal de messages. L'objet événement de 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) {
+  port = e.ports[0];
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Service Workers', '#extendablemessage-event-ports-attribute', 'ExtendableMessageEvent.ports')}}{{Spec2('Service Workers')}}Définition initiale.
+ +

Compatibilités des navigateurs

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Support de base{{CompatUnknown}}{{CompatGeckoDesktop("45.0")}}[1]{{CompatNo}}{{CompatUnknown}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidAndroid WebviewFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari MobileChrome for Android
Support de base{{CompatNo}}{{CompatNo}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}
+
+ +

[1] Les service workers (et Push) on été désactivés dans Firefox 45 Extended Support Release (ESR.)

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf