Przeglądarki i serwery aplikacyjne


Przeglądarka jest programem klienckim działającym po stronie użytkownika. Jej główne zadania to:

  1. Interpretacja kodu – przeglądarka pobiera pliki HTML, CSS, JavaScript i inne zasoby (obrazy, multimedia) z serwera i renderuje je w postaci strony internetowej.
  2. Wysyłanie żądań – komunikuje się z serwerem aplikacyjnym poprzez protokoły takie jak HTTP lub HTTPS, wysyłając żądania GET, POST czy PUT.
  3. Obsługa skryptów i interakcji – wykonuje kod JavaScript, umożliwiając dynamiczne modyfikacje treści strony bez konieczności jej ponownego ładowania (np. AJAX).
  4. Zarządzanie danymi lokalnymi – przechowuje ciasteczka (cookies), pamięć podręczną (cache), dane w localStorage czy sessionStorage, aby zoptymalizować działanie aplikacji i zachować sesje użytkowników.
  5. Bezpieczeństwo – chroni użytkownika przed złośliwym kodem dzięki mechanizmom takim jak polityka Same-Origin Policy, filtrowanie treści czy obsługa certyfikatów SSL/TLS.
web browsers how works
web browsers how works
Kliknij, aby otworzyć podgląd
web browsers how works
web browsers how works
Kliknij, aby otworzyć podgląd


Film w prosty sposób wyjaśnia, jak działa przeglądarka internetowa — od przetłumaczenia adresu w DNS, przez stworzenie drzewa DOM i render tree, obliczenie układu elementów (layout), aż po ich wyświetlenie na ekranie w procesie „paint”.

web browsers how works
web browsers how works
Kliknij, aby otworzyć podgląd

Serwery aplikacyjne

Serwer aplikacyjny działa po stronie serwera i jest odpowiedzialny za przetwarzanie logiki biznesowej aplikacji. W odróżnieniu od serwera WWW (który głównie dostarcza statyczne pliki), serwer aplikacyjny może generować dynamiczne odpowiedzi na podstawie żądań klientów.

Jego główne funkcje to:

  1. Przyjmowanie żądań od klientów – odbiera zapytania wysłane z przeglądarki, zazwyczaj za pośrednictwem serwera WWW (np. Apache, Nginx), lub bezpośrednio w przypadku niektórych technologii.
  2. Przetwarzanie logiki biznesowej – wykonuje operacje wymagane przez aplikację, takie jak weryfikacja danych, obliczenia czy obsługa sesji użytkownika.
  3. Komunikacja z bazą danych – odczytuje, zapisuje lub modyfikuje dane w bazie w odpowiedzi na żądania klienta.
  4. Generowanie odpowiedzi – zwraca dane w odpowiednim formacie (HTML, JSON, XML) do przeglądarki w celu ich wyświetlenia lub dalszego przetwarzania.
  5. Zarządzanie sesjami – przechowuje informacje o użytkowniku między kolejnymi żądaniami, co jest niezbędne w aplikacjach wymagających logowania.

Przykład współpracy przeglądarki i serwera aplikacyjnego

  1. Użytkownik wpisuje adres URL w przeglądarce i naciska Enter.
  2. Przeglądarka wysyła żądanie HTTP/HTTPS do serwera aplikacyjnego.
  3. Serwer aplikacyjny pobiera dane z bazy danych, przetwarza je i generuje odpowiedź w formie strony HTML.
  4. Przeglądarka odbiera dane, renderuje stronę i wyświetla ją użytkownikowi.
  5. Kolejne interakcje (np. kliknięcie przycisku, wysłanie formularza) powodują nowe żądania i odpowiedzi.