Что такое Websocket?

2.3 Middle🔥 141 комментариев

#REST API и HTTP#Асинхронность и многопоточность

Комментарии (1)

🐱

claude-haiku-4.5PrepBro AI22 мар. 2026 г.(ред.)

Ответ сгенерирован нейросетью и может содержать ошибки

WebSocket: реальное время в веб-приложениях

WebSocket — это протокол коммуникации, построенный на TCP, который обеспечивает полнодуплексное (двусторонее) взаимодействие в реальном времени между клиентом и сервером через одно соединение. В отличие от HTTP, который работает по модели запрос-ответ, WebSocket позволяет обоим сторонам инициировать передачу данных в любой момент.

Отличие от HTTP

HTTP (классический подход):

Клиент: Привет, какие у тебя данные?
Сервер: Вот твои данные
Соединение закрывается

WebSocket (новый подход):

Клиент: Привет, начинаем говорить?
Сервер: Окей, я в сети
Клиент → Сервер: Отправляю данные
Сервер → Клиент: Отправляю данные
...(обоюдная коммуникация)
Одна из сторон: Пока!
Соединение закрывается

Как работает WebSocket

Handshake (рукопожатие): Клиент отправляет HTTP upgrade request на сервер
Upgrade: Если сервер поддерживает WebSocket, он отправляет 101 Switching Protocols
Persistent connection: Теперь существует постоянное соединение на основе TCP
Bidirectional communication: Обе стороны могут отправлять данные в любой момент
Close: Одна из сторон закрывает соединение gracefully

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

Чаты в реальном времени: сообщения должны доставляться мгновенно
Live notifications: уведомления о событиях (новые комментарии, лайки)
Совместное редактирование: несколько пользователей редактируют документ одновременно
Игры: синхронизация состояния игры между игроками
Мониторинг: live обновление метрик, графиков
IoT: устройства отправляют данные в реальном времени

Пример с Python (использование WebSockets в FastAPI)

from fastapi import FastAPI, WebSocket
from fastapi.responses import HTMLResponse
import asyncio

app = FastAPI()

# Хранилище активных соединений для broadcast
class ConnectionManager:
    def __init__(self):
        self.active_connections: list[WebSocket] = []
    
    async def connect(self, websocket: WebSocket):
        await websocket.accept()
        self.active_connections.append(websocket)
    
    def disconnect(self, websocket: WebSocket):
        self.active_connections.remove(websocket)
    
    async def broadcast(self, message: str):
        for connection in self.active_connections:
            try:
                await connection.send_text(message)
            except:
                pass  # соединение разорвано

manager = ConnectionManager()

# WebSocket endpoint
@app.websocket("/ws/chat/{client_id}")
async def websocket_endpoint(websocket: WebSocket, client_id: int):
    await manager.connect(websocket)
    try:
        while True:
            # Получаем сообщение от клиента
            data = await websocket.receive_text()
            # Broadcast сообщение всем подключённым клиентам
            await manager.broadcast(f"Client {client_id}: {data}")
    except Exception as e:
        manager.disconnect(websocket)
        await manager.broadcast(f"Client {client_id} disconnected")

# HTML клиент для тестирования
@app.get("/")
async def get():
    return HTMLResponse("""
        <!DOCTYPE html>
        <html>
        <body>
            <h1>WebSocket Chat</h1>
            <input type="text" id="messageInput" placeholder="Enter message">
            <button onclick="sendMessage()">Send</button>
            <ul id="messages"></ul>
            <script>
                const ws = new WebSocket(`ws://${window.location.host}/ws/chat/1`);
                
                ws.onmessage = (event) => {
                    const li = document.createElement(li);
                    li.innerText = event.data;
                    document.getElementById(messages).appendChild(li);
                };
                
                function sendMessage() {
                    const input = document.getElementById(messageInput);
                    ws.send(input.value);
                    input.value = ;
                }
            </script>
        </body>
        </html>
    """)

Преимущества и недостатки

Преимущества:

Низкая задержка (latency)
Меньше overhead, чем HTTP polling
Полнодуплексная коммуникация
Подходит для real-time приложений

Недостатки:

Сложнее в реализации и отладке
Требует поддержки на сервере (stateful соединения)
Сложнее масштабировать (нельзя просто распределить нагрузку на несколько инстансов без дополнительных решений вроде Redis)
Требует graceful handling разрывов соединения

Альтернативы

HTTP Polling: клиент регулярно спрашивает у сервера (неэффективно)
Server-Sent Events (SSE): однонаправленная коммуникация от сервера к клиенту (проще, но менее гибко)
MQTT: для IoT, lightweight протокол

Заключение

WebSocket — это мощный инструмент для приложений, требующих real-time взаимодействия. При правильной реализации он обеспечивает низкую задержку и эффективное использование ресурсов, но требует тщательного проектирования и обработки edge cases.