WebSocket je technológia, ktorá umožňuje obojstrannú (full-duplex) komunikáciu v reálnom čase medzi klientom (napr. prehliadačom) a serverom cez jedno trvalé spojenie.
👉 Na rozdiel od klasického HTTP, kde klient vždy posiela požiadavku a server odpovedá, WebSocket umožňuje serveru posielať dáta klientovi kedykoľvek, bez toho, aby musel čakať na požiadavku.
⸻
🔧 Ako funguje WebSocket?
1. Klient (prehliadač) sa pripojí k serveru cez špeciálnu HTTP požiadavku (Upgrade: websocket)
2. Spojenie sa “upgraduje” na WebSocket
3. Po nadviazaní spojenia môžu klient aj server kedykoľvek posielať správy
4. Spojenie zostáva otvorené, až kým ho jedna strana neukončí
⸻
📦 Príklady použitia WebSocket:
Použitie Popis
💬 Chaty a messengery Správy sa zobrazujú okamžite bez obnovy stránky
📈 Živé grafy a burzové dáta Ceny akcií alebo krypta v reálnom čase
🕹️ Online hry Hráči vidia pohyby protivníkov okamžite
📡 Live notifikácie Napr. upozornenie na novú správu / udalosť
📊 Monitoring serverov Zmeny sa zobrazujú bez čakania a reloadu
⸻
⚙️ Príklad WebSocket kódu
JavaScript (klient):
const socket = new WebSocket(‘wss://example.com/socket’);
socket.onopen = () => {
socket.send(‘Ahoj, server!’);
};
socket.onmessage = (event) => {
console.log(‘Prijatá správa:’, event.data);
};
Node.js (server – napr. s ws):
const WebSocket = require(‘ws’);
const wss = new WebSocket.Server({ port: 8080 });
wss.on(‘connection’, (ws) => {
ws.send(‘Vitaj, klient!’);
ws.on(‘message’, (message) => {
console.log(‘Od klienta:’, message);
});
});
⸻
🔐 WebSocket vs HTTP
Vlastnosť HTTP WebSocket
Typ spojenia Jednosmerné (request → response) Dvojcestné (obojstranné)
Trvalé spojenie ❌ Nie ✅ Áno
Rýchlosť Pomalšia pri reálnom čase Veľmi rýchla
Použitie Bežné webstránky Chaty, live notifikácie, hry
⸻
🧠 Zhrnutie
WebSocket = trvalé, obojsmerné spojenie → ideálne pre aplikácie v reálnom čase.