WebSocket接続を確立する方法

WebSocket は、リアルタイム データ送信のためにクライアントとサーバー間に永続的な接続を確立できる全二重通信プロトコルです。この記事では、JavaScript を使用した WebSocket の接続について詳しく説明し、具体的なコード例を示します。

まず、クライアント側で WebSocket インスタンスを作成する必要があります。これは、new WebSocket(url) メソッドを使用して実現できます。ここで、url は WebSocket サーバーのアドレスです。たとえば、WebSocket サーバーが ws://localhost:8080 で実行されている場合、次のコードを使用して WebSocket インスタンスを作成できます。

var socket = new WebSocket("ws://localhost:8080");

接続が確立されると、WebSocketインスタンスは、open、message、error、close などのいくつかのイベントをトリガーします。これらのイベントにリスナーを追加することで、さまざまな状況に対処できます。たとえば、次のコードは、接続が正常に確立され、メッセージが受信され、接続が閉じられた場合の状況を処理する方法を示しています。

socket.addEventListener("open", function(event) {
  console.log("WebSocket 连接已建立");
});

socket.addEventListener("message", function(event) {
  var message = event.data;
  console.log("接收到消息: " + message);
});

socket.addEventListener("error", function(event) {
  console.error("WebSocket 错误: ", event);
});

socket.addEventListener("close", function(event) {
  console.log("WebSocket 连接已关闭");
});

WebSocket サーバーにメッセージを送信するには、 WebSocket インスタンスの send() メソッド。このメソッドは、サーバーに送信される文字列パラメータを受け取ります。以下はサンプル コードです:

var messageToSend = "Hello, WebSocket!";
socket.send(messageToSend);

上記のコードは、「Hello, WebSocket!」というメッセージを WebSocket サーバーに送信します。メッセージを受信した後、サーバーは対応する処理を実行し、応答メッセージをクライアントに送信できます。

サーバー側の実装では、さまざまなプログラミング言語とフレームワークを使用して WebSocket サーバーを作成できます。 Node.js を例に挙げると、ws モジュールを使用して WebSocket サーバーを作成できます。以下は、Node.js を使用して WebSocket サーバーを作成する簡単な例です。

const WebSocket = require('ws');

const server = new WebSocket.Server({ port: 8080 });

server.on('connection', function(socket) {
  console.log('有新的 WebSocket 连接');

  socket.on('message', function(message) {
    console.log('接收到消息: ' + message);
    // 处理消息并发送回复
    socket.send('你好，客户端！');
  });

  socket.on('close', function() {
    console.log('WebSocket 连接已关闭');
  });
});

上記のコードは、WebSocket サーバーを作成し、新しい接続が確立されたときにメッセージを出力します。クライアントが送信したメッセージを受信した後、サーバーはクライアントに応答メッセージを送り返します。

要約すると、WebSocket に接続するには、JavaScript を使用してクライアント側で WebSocket インスタンスを作成し、接続の確立、メッセージの受信、接続の終了などのイベントを処理するイベント リスナーを追加する必要があります。メッセージを送信するには、WebSocket インスタンスの send() メソッドを使用できます。サーバー側の実装では、さまざまなプログラミング言語とフレームワークを使用して、接続イベントとメッセージ イベントをリッスンすることでクライアント要求を処理し、メッセージに応答する WebSocket サーバーを作成できます。上記では具体的なコード例を示しています。WebSocket 接続の理解に役立つことを願っています。

以上がWebSocket接続を確立する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。