В чем разница между WebSocket и HTTP?

Разница между WebSocket и HTTP

Это два фундаментально разных протокола с разными моделями взаимодействия. Выбор между ними зависит от требований приложения.

HTTP

HTTP — это запрос-ответ протокол, основанный на модели pull (клиент инициирует запрос).

// HTTP request-response
GET /api/data HTTP/1.1
Host: example.com

// Server responds
HTTP/1.1 200 OK
Content-Type: application/json
{"data": "value"}

Характеристики:

• Stateless — сервер не сохраняет состояние соединения
• Unidirectional — только клиент может инициировать запрос
• Connection per request — каждый запрос создаёт новое соединение (или переиспользует keep-alive)
• Overhead — каждый запрос имеет headers, часто повторяющиеся
• Cacheable — ответы кешируются

Когда использовать:

• CRUD операции (Create, Read, Update, Delete)
• Получение статичного контента
• RESTful API
• File downloads/uploads

WebSocket

WebSocket — это протокол, основанный на модели push (двусторонняя коммуникация в реальном времени).

// WebSocket handshake
GET /ws HTTP/1.1
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: ...
Sec-WebSocket-Version: 13

// Server accepts
HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: ...

// Now bidirectional communication
Client -> Server: {"type": "message", "data": "hello"}
Server -> Client: {"type": "response", "data": "world"}
Server -> Client: {"type": "notification", "data": "event"}

Характеристики:

• Persistent connection — одно соединение для множества сообщений
• Bidirectional — сервер может отправлять данные клиенту в любой момент
• Low latency — минимальный overhead на фрейм
• Stateful — сервер сохраняет контекст соединения

Когда использовать:

• Real-time чат и мессенджеры
• Live notifications
• Collaborative editing (совместное редактирование)
• Live dashboards и monitoring
• Multiplayer games
• Stock market updates

Сравнительная таблица

Практические примеры

HTTP API:

const express = require('express');
const app = express();

app.get('/api/users', (req, res) => {
  res.json([{id: 1, name: 'John'}]);
});

app.post('/api/users', (req, res) => {
  const user = req.body;
  res.json(user);
});

WebSocket real-time chat:

const WebSocket = require('ws');
const wss = new WebSocket.Server({port: 8080});

wss.on('connection', (ws) => {
  ws.on('message', (data) => {
    const msg = JSON.parse(data);
    // Broadcast to all clients
    wss.clients.forEach((client) => {
      if (client.readyState === WebSocket.OPEN) {
        client.send(JSON.stringify({
          type: 'message',
          user: msg.user,
          text: msg.text,
          timestamp: new Date()
        }));
      }
    });
  });
});

Гибридный подход

В современных приложениях часто используют оба:

• HTTP для основного API (CRUD, authentication, file uploads)
• WebSocket для real-time (notifications, live updates, chat)

Socket.IO (популярная библиотека) обёртывает WebSocket с fallback на HTTP long polling для старых браузеров.

Советы по масштабированию

Для WebSocket на масштабируемых системах:

• Используй Redis Pub/Sub для broadcast между серверами
• Sticky sessions или Redis для сохранения состояния
• Мониторинг количества открытых соединений
• Graceful shutdown с закрытием всех connections

Вывод: Выбирай HTTP для CRUD и stateless операций. Выбирай WebSocket для real-time коммуникации и двусторонних обновлений.