WebSocketについて

WebSocketとは

• サーバとクライアントとの間で効率的な双方向通信を実現する通信規格。
• WebSocket独自のプロトコルで通信を行う為、ヘッダが小さく、通信のオーバーヘッドが少ない。
• セイムオリジン制限は適用されず、WebSocketサーバ側で制限をかける。

既存の通信技術との比較

XMLHttpRequest

• XHRでは通信の度にリクエストヘッダが付与されるため、パファーマンスの差に繋がる。
• サーバ側からクライアント側にプッシュ通知することが難しい。

WebSocketの動作

// WebSocket 接続を作成する
const socket = new WebSocket('ws://localhost:8080');

// 接続を開く
socket.addEventListener('open', function (event) {
   /* do something */
});

// メッセージを待ち受ける
socket.addEventListener('message', function (event) {
    console.log('Message from server ', event.data);
});

実装

今度書く。

参考

[WebSocket - MDN web docs]
(https://developer.mozilla.org/ja/docs/Web/API/WebSocket)
[日本語版 Modern JavaScript Tutorial - WebSocket]
(https://ja.javascript.info/websocket)