サーバー送信イベント

Posted at 2022-09-09

概要

サーバーからクライアントにpush送信するイベント。

本来のクライアントがリクエストしてレスポンスを貰うという、
クライアントで発火したイベントタイミングでの通信とは違い、
サーバー側のタイミングで通信を行う（イメージ）。

MIME タイプ text/event-stream で応答するように実装する。
（この記事では詳しくは説明しない）

これによりサーバーにpush配信を開始させるリクエストを送る。

const evtSource = new EventSource(requestUrl);

push配信を受け取ったタイミングでonmessageに代入した関数が発火する。
クライアント側は受け取ったメッセージを利用して処理を行うことができる。

evtSource.onmessage = function(event: MessageEvent<string>) {
  const message: string = event.message
  // 受信したメッセージを用いてクライアント側を更新
}