Как происходит работа с WebSocket на Frontend

WebSocket позволяет установить двустороннее постоянное соединение между клиентом и сервером. Вот основные шаги:

1. Создание подключения:

const socket = new WebSocket('wss://example.com/socket');

2. Обработчики событий:

socket.onopen = () => console.log('Соединение установлено');
socket.onmessage = (event) => console.log('Получены данные:', event.data);
socket.onclose = () => console.log('Соединение закрыто');
socket.onerror = (error) => console.error('Ошибка:', error);

3. Отправка данных:

socket.send(JSON.stringify({ action: 'ping' }));

4. Закрытие соединения:

socket.close();

Особенности:

• Протокол ws:// или wss:// (безопасный)
• Поддерживает текстовые и бинарные данные
• Автоматически поддерживает ping/pong для проверки соединения
• Можно использовать готовые библиотеки (Socket.IO, ws и др.) для удобства