Для чего используются сокеты в веб-разработке?

Для двустороннего обмена данными между клиентом (браузером) и сервером в realtime. В отличие от традиционного HTTP, где клиент инициирует запрос, а сервер отвечает, сокеты позволяют серверу отправлять данные клиенту в любой момент без предварительного запроса.

Примеры использования:

• Чат-приложения: Мгновенная доставка сообщений между пользователями.
• Онлайн-игры: Синхронизация состояний игроков и игрового мира в реальном времени.
• Торговые платформы: Обновление котировок акций или криптовалют без перезагрузки страницы.
• Уведомления: Отправка push-уведомлений пользователям при изменении статуса заказа, новом сообщении и т.д.
• Совместное редактирование документов: Синхронизация изменений между несколькими пользователями.

Сокеты реализуются поверх протокола TCP и обычно используют протокол WebSocket, который обеспечивает постоянное соединение между клиентом и сервером после первоначального HTTP-рукопожатия.

// Пример клиентского кода для установки WebSocket соединения
const ws = new WebSocket('ws://localhost:8080'); // Адрес WebSocket сервера

ws.onopen = () => {
  // Соединение установлено
  console.log('Соединение WebSocket установлено');
  ws.send('Привет, сервер!'); // Отправка сообщения серверу
};

ws.onmessage = (event) => {
  // Получено сообщение от сервера
  console.log('Получено сообщение от сервера:', event.data);
};

ws.onclose = (event) => {
  // Соединение закрыто
  if (event.wasClean) {
    console.log(`Соединение закрыто чисто, код=${event.code} причина=${event.reason}`);
  } else {
    console.error('Соединение прервано');
  }
};

ws.onerror = (error) => {
  // Ошибка при работе с соединением
  console.error('Ошибка WebSocket:', error);
};

WebSocket-соединение имеет низкие накладные расходы по сравнению с постоянными HTTP-запросами (polling или long polling), что делает его более эффективным для приложений, требующих частого обмена данными в реальном времени.