ExtendableMessageEvent: origin property

{{APIRef("Service Workers API")}}{{AvailableInWorkers("service")}}

The origin read-only property of the {{domxref("ExtendableMessageEvent")}} interface returns the origin of the {{domxref("Client")}} that sent the message.

Value

A string.

Examples

When the following code is used inside a service worker to respond to a push messages by sending the data received via {{domxref("PushMessageData")}} to the main context via a channel message, the event object of onmessage will be an 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) => {
  console.log(e.origin);
  port = e.ports[0];
};

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• Using Service Workers
• Service workers basic code example
• Channel Messaging