Nodea — logo

PWA

PWA (ang. Progressive Web App, progresywna aplikacja webowa) to aplikacja internetowa, która dzięki nowoczesnym technologiom przeglądarki zapewnia doświadczenie zbliżone do aplikacji natywnej. Można ją „zainstalować" na ekranie głównym telefonu lub w systemie, uruchamiać w osobnym oknie bez paska adresu, korzystać offline i odbierać powiadomienia push — a wszystko to bez pobierania czegokolwiek ze sklepu z aplikacjami.

Jak działa PWA

Na PWA składają się trzy filary techniczne:

  • Service worker — skrypt JavaScript działający w tle, poza wątkiem strony; przechwytuje żądania sieciowe, buforuje zasoby i umożliwia pracę offline oraz powiadomienia push.
  • Manifest aplikacji — plik JSON opisujący nazwę, ikony, kolory i tryb wyświetlania, dzięki któremu przeglądarka proponuje instalację.
  • HTTPS — service worker działa wyłącznie na bezpiecznym połączeniu, więc HTTPS jest obowiązkowy.

Nazwa „progressive" oznacza progresywne wzbogacanie: aplikacja działa w każdej przeglądarce, a tam, gdzie dostępne są nowsze funkcje, oferuje pełne możliwości instalacyjne i offline. PWA jest zwykle budowana jako SPA, choć nie jest to warunek konieczny.

Zastosowanie w praktyce

Model PWA sprawdza się wszędzie tam, gdzie liczy się zasięg i szybkość wdrożenia:

  1. Sklepy internetowe — szybkie ładowanie i praca offline zwiększają konwersję na urządzeniach mobilnych.
  2. Serwisy informacyjne i aplikacje SaaS — jedna baza kodu obsługuje web, Androida i iOS, obniżając koszty rozwoju.
  3. Panele i narzędzia wewnętrzne — instalacja bez sklepu upraszcza dystrybucję w organizacji.

Do wdrożenia PWA potrzebny jest hosting z certyfikatem SSL i poprawną konfiguracją nagłówków buforowania (zob. Cache-Control), aby service worker serwował zasoby szybko i spójnie.

Powiązane pojęcia

Najczęstsze pytania

Czym różni się PWA od aplikacji natywnej?

Aplikacja natywna jest pisana pod konkretny system (iOS, Android) i pobierana ze sklepu. PWA to strona internetowa działająca w przeglądarce, którą można „zainstalować" na ekranie głównym. PWA jest tańsza w utrzymaniu (jeden kod dla wszystkich platform), ale ma ograniczony dostęp do niektórych funkcji sprzętowych.

Czy PWA działa bez internetu?

Częściowo tak. Dzięki service workerowi i pamięci podręcznej PWA może wyświetlać wcześniej odwiedzone treści i podstawowy interfejs offline. Funkcje wymagające świeżych danych z serwera nadal potrzebują połączenia.