JavaScript WebSocketの例題

まず、WebSocketを使用するためには、以下の手順が必要です。

WebSocketオブジェクトの作成: WebSocketオブジェクトを作成するためには、次のようにコードを記述します。

const socket = new WebSocket('ws://サーバーのアドレス');

イベントのリスニング: WebSocketオブジェクトは、接続の開始やメッセージの受信などのイベントを提供します。これらのイベントをリスンするためには、次のようにコードを記述します。

socket.addEventListener('open', function (event) {
  // 接続が開始された時の処理
});
socket.addEventListener('message', function (event) {
  // メッセージを受信した時の処理
});
socket.addEventListener('close', function (event) {
  // 接続が閉じられた時の処理
});
socket.addEventListener('error', function (event) {
  // エラーが発生した時の処理
});

メッセージの送信: WebSocketオブジェクトを使用してメッセージを送信するには、次のようにコードを記述します。

socket.send('送信するメッセージ');

以上の手順を基に、WebSocketを使用する簡単な例を示します。

const socket = new WebSocket('ws://サーバーのアドレス');
socket.addEventListener('open', function (event) {
  console.log('接続が開始されました。');
});
socket.addEventListener('message', function (event) {
  console.log('メッセージを受信しました。', event.data);
});
socket.addEventListener('close', function (event) {
  console.log('接続が閉じられました。');
});
socket.addEventListener('error', function (event) {
  console.error('エラーが発生しました。', event.error);
});
socket.send('Hello, WebSocket!');

この例では、WebSocketオブジェクトを作成し、接続が開始された時やメッセージを受信した時、接続が閉じられた時、エラーが発生した時のそれぞれのイベントに対して処理を追加しています。また、"Hello, WebSocket!"というメッセージを送信しています。

これで、JavaScriptでWebSocketを使用するための基本的な方法とコード例が分かりました。これを応用して、リアルタイムなWebアプリケーションやチャットアプリなどを開発することができます。