技術共有

WebSocket について知り理解する

2024-07-11

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

今日、Niuke を閲覧しているときに、ある上司がフロントエンドのインタビュー中に WebSocket で問題に遭遇したと共有しているのを見ました。このナレッジ ポイントはこれまで見たことがなかったので、すぐに学び、ここに記録しました。

WebSocket は、全二重通信チャネルを提供するネットワーク通信プロトコルです。つまり、クライアントとサーバーは同時にデータを送受信できます。これは、クライアントがリクエストを開始し、サーバーがリクエストに応答する一方向の従来の HTTP リクエストとは異なります。 WebSocket を使用すると、サーバーがクライアントにメッセージをアクティブに送信できるため、オンライン チャット アプリケーション、リアルタイム ゲーム、株価の更新、その他のシナリオなどのリアルタイム通信が可能になります。

WebSocket の基本概念

  1. 接続が確立されました: クライアントは、HTTP リクエストを送信することで WebSocket 接続を開始します。このリクエストには、これが WebSocket ハンドシェイク リクエストであることを示す特定のヘッダーが含まれています。
  2. 握手をする: サーバーがリクエストを受信した後、WebSocket をサポートしている場合は、HTTP レスポンスで応答し、ハンドシェイク プロセスを完了して、WebSocket 接続を確立します。
  3. データ送信 : 接続が確立されると、クライアントとサーバーはこの接続を通じてデータを送信できるようになります。データはテキスト形式またはバイナリ形式にすることができます。
  4. 接続が閉じられました: どちらの当事者も WebSocket 接続を閉じることができます。

WebSocketの使用手順

  1. WebSocketインスタンスの作成: クライアント側では、まず WebSocket インスタンスを作成し、サーバーの URL を指定する必要があります。

    const ws = new WebSocket('ws://example.com/socket');