Írjon le néhány kommunikációs módot a szerver és a…

Vann néhány alapvető módja a kommunikációnak a kliens (böngésző) és a szerver között.

HTTP/HTTPS (Polling/Short Polling):
- A kliens küld egy kérést a szervernek, és várja a választ.
- A szerver feldolgozza a kérést, és visszaküldi a választ.
- A Short Polling esetén a kliens időszakosan küld kéréseket a szervernek, hogy ellenőrizze, vannak-e frissítések.
- Egyszerű a megvalósítás, de nem hatékony gyakori frissítések esetén a minden kéréshez kapcsolódó költségek miatt.
```
// Egyszerű Short Polling példa
function checkUpdates() {
  fetch('/api/updates')
    .then(response => response.json())
    .then(data => {
      // A kapott adatok feldolgozása
    })
    .finally(() => {
      setTimeout(checkUpdates, 5000); // Ismét 5 másodperc múlva
    });
}

checkUpdates();
```
Long Polling:
- A kliens küld egy kérést a szervernek, amely a szerver által nyitva tartott, amíg új adatok nem érkeznek vagy le nem jár a timeout.
- Amikor adatok érkeznek, a szerver azonnal küldi a választ, majd a kliens új kérést küld.
- Hatékonyabb, mint a Short Polling, de még mindig van késés az adatok fogadása és a következő kérés küldése között.

WebSockets:

Állandó, kétirányú kapcsolatot hoznak létre a kliens és a szerver között.
A kapcsolat felépítése után mindkét fél bármikor küldhet és fogadhat adatokat anélkül, hogy további HTTP-kéréseket kellene tenni.
Ideális valós idejű alkalmazásokhoz (chat, online játékok, értesítések).

const socket = new WebSocket('ws://localhost:8080');

socket.onopen = function(event) {
  console.log('Kapcsolat létrejött');
  socket.send('Helló szerver!');
};

socket.onmessage = function(event) {
  console.log('Üzenet érkezett a szervertől:', event.data);
};

socket.onclose = function(event) {
  if (event.wasClean) {
    console.log(`A kapcsolat tisztán zárult, kód=${event.code}, ok=${event.reason}`);
  } else {
    console.error('Kapcsolat megszakadt');
  }
};

socket.onerror = function(error) {
  console.error('WebSocket hiba:', error);
};

Server-Sent Events (SSE):
- Lehetővé teszik a szerver számára, hogy egyirányúan küldjön adatokat a kliensnek HTTP-kapcsolaton keresztül.
- A kliens feliratkozik a szerver eseményeire.
- Akkor hasznos, ha a szerver frissítéseket küld a kliensnek, de a kliens nem küld adatokat vissza a szervernek (pl. hírcsatorna, feladat előrehaladásának megjelenítése).
```
const eventSource = new EventSource('/api/stream');

eventSource.onmessage = function(event) {
  console.log('Esemény érkezett a szervertől:', event.data);
};

eventSource.onerror = function(error) {
  console.error('SSE hiba:', error);
  eventSource.close(); // Kapcsolat bezárása hiba esetén
};
```

Minden módszernek megvannak az előnyei és hátrányai, és a választás az alkalmazás konkrét követelményeitől függ a frissítések gyakorisága, az adatmennyiség és a kétirányú kommunikáció szükségessége szempontjából.

Írjon le néhány kommunikációs módot a szerver és a kliens között.