JavaScriptでのWebSocketsの使用例 – JavaScriptで始めるプログラミング

WebSocketsは、リアルタイムの双方向通信を可能にする技術です。これにより、ブラウザとサーバー間でのデータのやり取りが効率的に行えます。JavaScriptでWebSocketsを使用する方法について説明します。

JavaScriptでWebSocketを作成するためには、WebSocketオブジェクトを使用します。以下に基本的なコード例を示します。

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

WebSocketがサーバーに接続されたときに呼び出されるイベントハンドラを設定できます。

socket.onopen = function(event) {
  console.log('WebSocket is open now.');
};

WebSocketを使用すると、サーバーからメッセージを受信したり、サーバーにメッセージを送信したりすることができます。

socket.onmessage = function(event) {
  console.log('Message from server ', event.data);
};

socket.send('Hello Server!');

エラーが発生した場合や、接続が閉じられた場合に対応するハンドラも設定できます。

socket.onerror = function(error) {
  console.error('WebSocket Error: ', error);
};

socket.onclose = function(event) {
  console.log('WebSocket is closed now.');
};

以上のように、JavaScriptでWebSocketsを利用することで、簡単にリアルタイムの双方向通信を実現できます。さらに詳細な情報が必要な場合は、公式ドキュメントを参照してください。

• WebSocket API – MDN(外部リンク)
• WebSocket – The Modern JavaScript Tutorial(外部リンク)