index.md

title	slug	l10n
ExtendableMessageEvent.source	Web/API/ExtendableMessageEvent/source	sourceCommit 1511e914c6b1ce6f88056bfefd48a6aa585cebce

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

source は {{domxref("ExtendableMessageEvent")}} インターフェイスの読み取り専用プロパティで、メッセージの送信元の {{domxref("Client")}} オブジェクトへの参照を返します。

値

{{domxref("Client")}}、{{domxref("ServiceWorker")}}、{{domxref("MessagePort")}} の何れかのオブジェクトです。

例

次のコードをサービスワーカー内で使用して、{{domxref("PushMessageData")}} を介して受信したデータをチャンネルメッセージを介してメインコンテキストに送信することにより、プッシュメッセージに応答する場合、onmessage のイベントオブジェクトは 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.source);
  port = e.ports[0];
};

仕様書

{{Specifications}}

ブラウザーの互換性

{{Compat}}

関連情報

• サービスワーカーの使用
• サービスワーカーの基本的なコード例（英語）
• ServiceWorker の準備はできていますか？（英語）
• チャンネルメッセージング