Как обрабатывать объект с WebSocket на Frontend

Для работы с WebSocket на фронтенде используем встроенный объект WebSocket. Основные шаги:

1. Создаем соединение:

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

2. Обрабатываем события:

// При открытии соединения
socket.onopen = () => {
  console.log('Соединение установлено');
  socket.send('Hello Server!');
};

// При получении сообщения
socket.onmessage = (event) => {
console.log('Получены данные:', event.data);
};

// При ошибке
socket.onerror = (error) => {
console.error('Ошибка:', error);
};

// При закрытии соединения
socket.onclose = (event) => {
console.log('Соединение закрыто', event.code, event.reason);
};

3. Для отправки данных:
```javascript
socket.send(JSON.stringify({ type: 'message', data: 'Hello' }));

Важные моменты:

• Используйте wss:// для безопасного соединения
• Обрабатывайте все возможные события
• Закрывайте соединение при unmount компонента
• Используйте JSON для структурированных данных