WebSocket は、Web アプリケーションでリアルタイムの双方向通信を可能にするテクノロジーです。これは、クライアントがリクエストを行わなくても、サーバーがクライアントにデータをアクティブにプッシュできるようにする永続的な接続を提供します。この記事では、WebSocket の基本原理と、それを JavaScript で使用してリアルタイム通信を実現する方法について説明します。
WebSocketの原理
従来の HTTP プロトコルはリクエスト/レスポンス モデルのプロトコルであり、クライアントはサーバーの応答を取得するためにリクエストを開始する必要があります。サーバーはクライアントにデータをアクティブに送信できないため、このモードにはリアルタイム通信シナリオではいくつかの制限があります。
WebSocket は、クライアントとサーバーの間に永続的な双方向通信チャネルを確立することで、この問題を解決します。ハンドシェイクには HTTP プロトコルを使用し、その後 WebSocket プロトコルにアップグレードします。WebSocket 接続が確立されると、サーバーとクライアントは接続を介してリアルタイムで通信できるようになります。
WebSocket を使用するための基本的な手順
JavaScript で WebSocket を使用するには、次の基本手順に従う必要があります。
ステップ 1: WebSocket オブジェクトを作成する
JavaScript では、WebSocketコンストラクターを使用して WebSocket オブジェクトを作成できます。WebSocketサーバーのURLをパラメータとして指定する必要があります。例えば：
const socket = new WebSocket('ws://example.c