Как сделать ожидание коннекта к WebSocket?

Question

[s2sk1337]

Всем привет.

Столкнулся с такой проблемой что иногда отправка сообщений на сокет сервер происходит быстрее чем коннект к сокет серверу, естественно браузер начинает кидать ерроры "Нельзя отправит сообщение пока идет соединение".

такой код:

var
	socket = new WebSocket("ws://localhost:8888");

function SendMessages(text)
{
socket.send(text);
}

//Где-то там в коде SendMessages(text)

Ну и пользователь иногда может отправить сообщение быстрее чем пройдет коннект к серверу. Как можно это поправить и заставить код ждать коннекта?

Answer 1

[Данакт Фрост]

// Соединение
const socket = new WebSocket('ws://localhost:8888')
// Очередь сообщений
let queue = []

// Отправляет сообщение
function sendMessage(message) {
    // Проверка, установлено ли соединение
    if (socket.readyState !== WebSocket.OPEN) {
        // Ежели нет, добавляем сообщение в очередь
        queue.push(message)
        return
    }
    
    // Отправляет сообщение, если есть соединение
    socket.send(message)
}

// Обработка события открытия соединения
socket.addEventListener('open', () => {
    // При открытии соединение тут же отправляем накопленные сообщения
    queue.forEach(message => {
        sendMessage(message)
    })
    
    // Очищаем очередь
    queue = []
})

Comments

[s2sk1337]

Спасибо

Answer 2

[Виталий]

Очевидно логику надо выполнять тогда, когда соединение уже установлено. Событие онопен явно подходит https://learn.javascript.ru/websockets

Comments

[s2sk1337]

Так пользователь сам решает когда отправить сообщение. Причем тут onopen? Или я не догоняю

[Данакт Фрост]

s2sk1337, во время события «onopen» нужно будет отправлять сообщения