WebSocket入門　リアルタイム通信の新たな扉を開く！

WebSocketの実装方法

WebSocketは、サーバーとクライアント間で双方向の通信を実現するための技術であり、ここでは基本的な実装手順について詳しく紹介します。

WebSocketを実装するための基本的な手順は、以下の通りです。まずは、サーバーサイドでWebSocketを使用できる環境を整えます。Node.jsを使用する場合には、wsというライブラリが非常に便利です。以下のコマンドを実行してインストールを行います。

bash
npm install ws

次に、サーバーをセットアップします。以下は、非常にシンプルなサーバーのコード例です。

“`javascript
const WebSocket = require(‘ws’);
const server = new WebSocket.Server({ port: 8080 });

server.on(‘connection’, (socket) => {
socket.on(‘message’, (message) => {
console.log(‘受信メッセージ:’, message);
socket.send(‘サーバーからの返信: ‘ + message);
});
});
“`

このコードは、ポート8080でリッスンするWebSocketサーバーを作成します。クライアントからメッセージを受け取ると、そのメッセージをコンソールに表示し、返信を送信します。

次に、クライアント側の実装についてです。HTMLファイル内で以下のJavaScriptを使用します。

“`html
const socket = new WebSocket(‘ws://localhost:8080’);

socket.onopen = () => {
socket.send(‘Hello, server!’);
};

socket.onmessage = (event) => {
console.log(‘サーバーからのメッセージ:’, event.data);
};
“`

このコードは、サーバーに接続し、接続が成功したら「Hello, server!」というメッセージを送信します。そして、サーバーからのメッセージを受け取る準備も整えています。このようにして、基本的なWebSocketの実装が完了します。