サンプルコード:
// WebSocketの作成
const socket = new WebSocket('ws://サーバーのURL');
// 接続が確立されたときの処理
socket.onopen = function(event) {
console.log('接続が確立されました');
};
// サーバーからメッセージを受信したときの処理
socket.onmessage = function(event) {
const message = event.data;
console.log('メッセージを受信しました:', message);
};
// エラーが発生したときの処理
socket.onerror = function(error) {
console.error('エラーが発生しました:', error);
};
// 接続が閉じられたときの処理
socket.onclose = function(event) {
console.log('接続が閉じられました');
};
// メッセージの送信
function sendMessage(message) {
socket.send(message);
console.log('メッセージを送信しました:', message);
}
// 接続の閉じる
function closeConnection() {
socket.close();
}
エラー解析:
-
"Failed to construct 'WebSocket': The URL's scheme must be either 'ws' or 'wss'"というエラーが表示された場合、サーバーのURLが正しく指定されているか確認してください。WebSocketのURLは"ws://"または"wss://"で始まる必要があります。
-
"WebSocket connection to 'ws://サーバーのURL' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED"というエラーが表示された場合、サーバーが正常に動作しているか、指定したURLが正しいか確認してください。また、サーバーとの接続が許可されているかも確認してください。
-
"WebSocket connection to 'ws://サーバーのURL' failed: Error during WebSocket handshake: Unexpected response code: 404"というエラーが表示された場合、指定したURLが存在しないか、正しいエンドポイントが指定されているか確認してください。また、サーバーがWebSocket接続をサポートしているかも確認してください。
これらのサンプルコードとエラー解析方法を参考にして、WebSocketを使用したJavaScriptの開発やトラブルシューティングを行ってください。