Клиент JavaScript не может подключиться к (WS, а не WSS) WebSocket (определенно проблема с клиентом) ⇐ Javascript

[Anonymous]

Итак, я пытаюсь интегрировать свой первый WebSocket, чтобы работать над базовой системой чата. Пожалуйста, дайте мне знать, почему это происходит, и если мой клиентский код будет выглядеть хорошо, я могу попробовать это с другого устройства, каким бы он ни был, скорее всего, мое соединение, которое приводит к разрыву соединения.// Debugging flag
let debugMode = true; // Set to false to disable console logs

// Function to format the date
function formatDate(dateString) {
const date = new Date(dateString);
if (isNaN(date.getTime())) {
return 'Invalid date'; // Handle invalid date
}
return date.toLocaleTimeString(); // Format the date to local time string
}

// Function to display messages in the chat UI
function displayMessage(message) {
const messagesContainer = document.getElementById('messages');
// Create message element
const messageElement = document.createElement('div');
messageElement.classList.add('flex', 'items-start', 'max-w-xs');

// Check if the message is sent or received
if (message.senderPublic === puba) { // Replace with actual public key
messageElement.classList.add('ml-auto');
messageElement.innerHTML = `


${message.message}

${formatDate(message.date)}

`;
} else {
messageElement.innerHTML = `



${message.message}

${formatDate(message.date)}

`;
}

// Append the message to the container
messagesContainer.appendChild(messageElement);
lastMessageId = message.id; // Update last message ID
}

// Function to request new messages
function requestNewMessages(socket) {
socket.send(`messages ${lastMessageId}`);
logDebug('Requested new messages');
}

// Debug logging function
function logDebug(...messages) {
if (debugMode) {
console.log(...messages);
}
}

let lastMessageId = 0;
logDebug('WebSocket connection opening');
// Event listener for when the connection is opened
< /code>
Мой тег на фактической странице < /p>

// Toggle dropdown visibility
document.getElementById('createChatBtn').addEventListener('click', function() {
const dropdown = document.getElementById('dropdown');
dropdown.classList.toggle('hidden');
});
const socket = new WebSocket('ws://127.0.0.1:8080/ws/chat//');
const puba = '';
socket.addEventListener('open', function (event) {
logDebug('WebSocket connection opened & authenticated');
});
socket.addEventListener('message', function (event) {
const messageData = JSON.parse(event.data);
logDebug('Received message:', messageData);
displayMessage(messageData);
});
socket.addEventListener('error', function (event) {
console.error('WebSocket error:', event);
});
socket.addEventListener('close', function (event) {
console.log('WebSocket connection closed:', event);
});
var millisecondsToWait = 10000;
setTimeout(function() {
setInterval(requestNewMessages(socket), 5000);
}, millisecondsToWait);

< /code>
моя ошибка дампа: < /p>
(index):64 cdn.tailwindcss.com should not be used in production. To use Tailwind CSS in production, install it as a PostCSS plugin or use the Tailwind CLI: https://tailwindcss.com/docs/installation
(anonymous) @ (index):64
(anonymous) @ (index):64
chat.js:59 WebSocket connection opening
chat?id=33:146 WebSocket connection to 'ws://127.0.0.1:8080/5resrerw253/ws/chat/M2hpSmJkUCQ4JHJONiMj/33' failed:
(anonymous) @ chat?id=33:146
chat?id=33:157 WebSocket error: Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}isTrusted: truebubbles: falsecancelBubble: falsecancelable: falsecomposed: falsecurrentTarget: WebSocket {url: 'ws://127.0.0.1:8080/5resrerw253/ws/chat/M2hpSmJkUCQ4JHJONiMj/33', readyState: 3, bufferedAmount: 0, onopen: null, onerror: null, …}defaultPrevented: falseeventPhase: 0returnValue: truesrcElement: WebSocket {url: 'ws://127.0.0.1:8080/5resrerw253/ws/chat/M2hpSmJkUCQ4JHJONiMj/33', readyState: 3, bufferedAmount: 0, onopen: null, onerror: null, …}target: WebSocket {url: 'ws://127.0.0.1:8080/5resrerw253/ws/chat/M2hpSmJkUCQ4JHJONiMj/33', readyState: 3, bufferedAmount: 0, onopen: null, onerror: null, …}timeStamp: 4215.5type: "error"[[Prototype]]: Event
(anonymous) @ chat?id=33:157
chat?id=33:160 WebSocket connection closed: CloseEvent {isTrusted: true, wasClean: false, code: 1006, reason: '', type: 'close', …}
chat.js:51 WebSocket is already in CLOSING or CLOSED state.
requestNewMessages @ chat.js:51
(anonymous) @ chat?id=33:164
setTimeout
(anonymous) @ chat?id=33:163
chat.js:59 Requested new messages


Подробнее здесь: https://stackoverflow.com/questions/797 ... finitely-a