Jak przebiega interakcja między klientem a serwerem…

Interakcja odbywa się za pomocą protokołu HTTP/HTTPS, zwykle w modelu "klient-serwer":

Klient (przeglądarka) wysyła żądanie. Żądanie zawiera:
- Metodę (GET, POST, PUT, DELETE itp.)
- URL żądanego zasobu
- Nagłówki (informacje o kliencie, typ danych, autoryzacja itp.)
- Treść żądania (dla metod typu POST, z danymi)
Serwer przetwarza żądanie.
- Odbiera i analizuje żądanie.
- Określa zasób i operację.
- Uzyskuje dostęp do danych (baza danych, system plików itp.), jeśli to konieczne.
- Tworzy odpowiedź.
Serwer wysyła odpowiedź. Odpowiedź zawiera:
- Kod statusu HTTP (200 OK, 404 Not Found, 500 Internal Server Error itp.)
- Nagłówki odpowiedzi (typ treści, cache, pliki cookie itp.)
- Treść odpowiedzi (HTML, JSON, XML, obraz itp.)
Klient otrzymuje i przetwarza odpowiedź.
- Analizuje odpowiedź.
- Wyświetla zawartość (np. renderuje stronę HTML).
- Uruchamia JavaScript, przetwarza dane.

Przykład żądania GET:

GET /api/users HTTP/1.1
Host: example.com
User-Agent: Mozilla/5.0 (...)
Accept: application/json

Przykład odpowiedzi na żądanie GET:

HTTP/1.1 200 OK
Content-Type: application/json
Content-Length: 150
Cache-Control: max-age=3600

[
  { "id": 1, "name": "Alice" },
  { "id": 2, "name": "Bob" }
]

Używa się również innych mechanizmów dla bardziej interaktywnej komunikacji:

WebSocket: Stałe dwukierunkowe połączenie do wymiany danych w czasie rzeczywistym (np. czaty).
Server-Sent Events (SSE): Jednokierunkowe połączenie od serwera do klienta do odbierania strumienia aktualizacji.
Polling: Klient okresowo wysyła żądania do serwera, aby sprawdzić, czy są nowe dane.
Long Polling: Klient wysyła żądanie, serwer je utrzymuje otwarte do momentu pojawienia się danych lub upływu czasu, a następnie wysyła odpowiedź.

W kontekście aplikacji internetowych, przeglądarka również ładuje zasoby (CSS, JS, obrazy) oddzielnymi żądaniami HTTP po otrzymaniu początkowego HTML. JavaScript może również dynamicznie wysyłać dodatkowe żądania do API (AJAX), aby pobierać lub wysyłać dane bez przeładowania strony.

Jak przebiega interakcja między klientem a serwerem?