WebSocket

Příklady z praxe

1. 01

   Chat zákaznické podpory

   Zákazník otevře chat v e-shopu a prohlížeč naváže WebSocket na server podpory. Operátorova odpověď dorazí okamžitě jako událost, bez opakovaného dotazování klienta. Při výpadku sítě aplikace zobrazí stav odpojeno a po obnovení spojení může znovu přihlásit uživatele do stejné konverzace.

   const socket = new WebSocket("wss://support.example.com/chat");
   
   socket.addEventListener("open", () => {
     socket.send(JSON.stringify({ type: "message", text: "Dobrý den, potřebuji pomoc." }));
   });
   
   socket.addEventListener("message", event => {
     const data = JSON.parse(event.data);
     console.log("Operátor:", data.text);
   });

2. 02

   Živý přehled objednávek

   Administrace skladu zobrazuje tabulku objednávek, které se mění podle práce expedice. Server po každé změně stavu odešle malou zprávu všem připojeným dispečerům. Operátor tak vidí přechod z „zabaleno“ na „předáno dopravci“ bez ručního obnovování stránky.

   const socket = new WebSocket("wss://admin.example.com/orders");
   
   socket.addEventListener("message", event => {
     const update = JSON.parse(event.data);
     if (update.type === "order.updated") {
       updateOrderRow(update.orderId, update.status);
     }
   });

Časté omyly

MýtusWebSocket je jen rychlejší HTTP.

Ve skutečnostiWebSocket začíná přes HTTP handshake, ale po přepnutí má jiný komunikační model. Hlavní rozdíl není pouze rychlost, nýbrž dlouhodobé obousměrné spojení a zprávy posílané kdykoli oběma stranami.

MýtusKdyž používám wss://, nemusím řešit autorizaci zpráv.

Ve skutečnostiŠifrovaný přenos chrání kanál, ale neurčuje, co smí konkrétní uživatel číst nebo posílat. Server musí ověřovat identitu, oprávnění ke kanálům a validitu každé důležité zprávy.

Časté dotazy

Proč WebSocket používá adresy ws:// a wss://?

Schéma wss:// označuje WebSocket chráněný pomocí TLS, podobně jako HTTPS chrání běžné webové požadavky. Šifrovaná varianta je v produkčních webových aplikacích prakticky nutná, protože brání odposlechu a úpravě dat po cestě. Prohlížeče navíc na stránkách načtených přes HTTPS typicky blokují nezabezpečené ws:// spojení jako smíšený obsah.

Musí WebSocket běžet na samostatném portu?

WebSocket nemusí běžet na samostatném portu, protože handshake začíná jako HTTP požadavek a často používá stejný port jako web, tedy 80 nebo 443. Reverzní proxy nebo load balancer ale musí umět přepnutí protokolu propustit. Oddělený port může dávat smysl z provozních důvodů, není však požadavkem samotného protokolu.

Proč se u WebSocketu řeší ping a pong?

WebSocket používá řídicí zprávy ping a pong k ověření, že druhá strana spojení stále žije. Dlouhé TCP spojení může zůstat z pohledu aplikace zdánlivě otevřené i po výpadku mobilní sítě nebo po zavření mezilehlého zařízení. Pravidelný heartbeat pomáhá rychleji zjistit mrtvé spojení a uvolnit zdroje na serveru.

Kdy WebSocket zbytečně komplikuje jednoduché serverové události?

WebSocket zbytečně komplikuje situace, kde server jen posílá klientovi jednosměrné události a klient nepotřebuje aktivně komunikovat stejným kanálem zpět. Server-Sent Events bývá pro takový scénář jednodušší, protože používá model bližší běžnému HTTP streamu. WebSocket má větší přínos, když klient i server posílají krátké zprávy v obou směrech a latence je důležitá.

Zdroje

1. The WebSocket Protocol(otevře se v novém okně)RFC Editor, 2011
2. WebSockets(otevře se v novém okně)WHATWG
3. WebSocket(otevře se v novém okně)MDN Web Docs
4. WebSocket Protocol Registries(otevře se v novém okně)IANA

Související pojmy

• BackpressureBackpressure je mechanismus, kterým pomalejší část systému dává rychlejší části najevo, že má zpomalit, počkat nebo zahodit část práce. Používá se u streamů, front, sítí a event-driven aplikací, aby se nekonečně nehromadila data v paměti a aby přetížení nespadlo až na celý proces.
• TLSTLS je kryptografický protokol, který nad spolehlivým spojením (typicky TCP) vytvoří šifnovaný kanál s ověřenou identitou serveru a kontrolou neporušenosti dat. Používá ho HTTPS, e-mailové protokoly, databázová spojení i VPN. Aktuální verze TLS 1.3 zkracuje úvodní handshake na jeden okruh zpráv a odstraňuje zastaralé šifrovací algoritmy.
• REST APIREST API je způsob návrhu webového rozhraní, kde klient pracuje se zdroji přes jednotné HTTP operace a server vrací jejich reprezentace, typicky ve formátu JSON. Důraz klade na jednoznačné adresy, bezstavovou komunikaci, cachování a oddělení klienta od serveru, ne na konkrétní knihovnu ani protokol navíc.
• 3D model3D model je digitální reprezentace objektu nebo prostoru ve třech rozměrech, složená z geometrie, materiálů a často i textur, animací či fyzikálních vlastností. Používá se v hrách, filmech, průmyslovém návrhu, architektuře, e-commerce i simulacích, kde software z modelu počítá zobrazení nebo další data.
• ACIDACID je sada čtyř vlastností databázové transakce: atomicity, consistency, isolation a durability. Zaručuje, že skupina zápisů proběhne jako jeden celek, neporuší definovaná pravidla databáze, nebude se nebezpečně míchat s jinými transakcemi a po potvrzení přežije pád systému, například při převodu peněz.
• Adaptive IconAdaptivní ikona je formát ikony aplikace na Androidu, který se místo jedné hotové bitmapy skládá z oddělených vrstev: pozadí a popředí. Systém výsledný tvar sám ořízne podle masky výrobce zařízení a může vrstvy animovat nebo přebarvit. Vývojář tak dodá jeden zdroj a launcher z něj vytvoří kruh, čtverec i squircle.
• Adresa v pamětiAdresa v paměti je číslo, kterým procesor jednoznačně označuje konkrétní buňku operační paměti, obvykle jeden bajt. Program pomocí adresy říká, odkud má data načíst nebo kam je zapsat. Adresy tvoří souvislý číselný rozsah, jehož velikost určuje šířka adresní sběrnice a architektura, typicky 32 nebo 64 bitů.
• AI agentAI agent je softwarový systém, který pomocí modelu umělé inteligence vnímá zadaný kontext, plánuje další kroky a samostatně volá nástroje nebo služby k dosažení cíle. Na rozdíl od jednorázového promptu udržuje stav úlohy, vyhodnocuje výsledky akcí a může opakovat postup, dokud nesplní zadání nebo nenarazí na limit.