PWA co to jest: aplikacja z przeglądarki, którą instalujesz bez sklepu z aplikacjami

PWA, czyli Progressive Web App, to aplikacja internetowa, którą użytkownik może zainstalować na telefonie lub komputerze prosto z przeglądarki, bez Google Play i App Store. Po instalacji ma własną ikonę, otwiera się w osobnym oknie bez paska adresu, może działać bez internetu i wysyłać powiadomienia. Technicznie to wciąż strona internetowa, tylko z kilkoma dodatkami, które pozwalają jej zachowywać się jak aplikacja.

PWA co to jest od strony technicznej

• Manifest aplikacji: plik z nazwą, ikonami, kolorami i sposobem wyświetlania. Dzięki niemu przeglądarka wie, że stronę można zainstalować.
• Service worker: skrypt działający w tle, który przechowuje pliki i dane, obsługuje tryb offline i odbiera powiadomienia push.
• HTTPS: PWA działa tylko na stronie z szyfrowanym połączeniem.

Te trzy elementy można dodać do istniejącej aplikacji webowej. Nie trzeba pisać jej od nowa, co jest jedną z głównych zalet PWA w porównaniu z aplikacją natywną, budowaną osobno dla Androida i iOS, z osobnym kodem i osobnymi aktualizacjami.

Jak użytkownik instaluje PWA

Powiadomienia push, także na iPhone

Przez lata argumentem przeciw PWA był brak powiadomień na iPhone. Od iOS i iPadOS 16.4 aplikacje internetowe dodane do ekranu początkowego mogą wysyłać powiadomienia Web Push. Są dwa warunki: aplikacja musi być dodana do ekranu początkowego, a prośba o zgodę na powiadomienia musi wynikać z działania użytkownika, np. kliknięcia przycisku „włącz powiadomienia”. Ta sama strona otwarta w karcie Safari powiadomień nie wyśle.

Czego PWA nie zrobi tak dobrze jak aplikacja natywna

• Głęboki dostęp do sprzętu: część funkcji, np. zaawansowana praca w tle czy niektóre czujniki, jest dostępna tylko w aplikacjach natywnych albo działa różnie w różnych przeglądarkach.
• Obecność w sklepach z aplikacjami: PWA nie pojawia się sama w Google Play ani App Store, więc nie korzysta z ruchu w sklepach.
• Różnice między platformami: to, co działa w Chrome na Androidzie, bywa ograniczone w Safari na iPhone. Każdą funkcję trzeba przetestować na obu.
• Mniejsza widoczność dla części użytkowników: osoby przyzwyczajone do szukania aplikacji w sklepie mogą nie wiedzieć, że da się ją zainstalować ze strony. Pomaga baner z instrukcją przy pierwszej wizycie.

Kiedy PWA wystarczy zamiast aplikacji mobilnej

Dobre zastosowania PWA to panele dla klientów, systemy rezerwacji, aplikacje dla pracowników w terenie, programy lojalnościowe i proste narzędzia, z których korzysta się kilka razy w tygodniu, ale nie na tyle często, żeby ktoś szukał ich w sklepie z aplikacjami. Szersze porównanie robię w tekście aplikacja mobilna czy strona, a przykłady aplikacji webowych w firmach zebrałem w osobnym tekście.

Ile pracy wymaga PWA

Dodanie manifestu i podstawowego service workera do istniejącej aplikacji to krótka praca. Więcej czasu zajmuje dobrze przemyślany tryb offline: co ma działać bez sieci, jak synchronizować dane po powrocie internetu i co pokazać użytkownikowi, gdy danych nie da się zapisać. Od tych decyzji zależy, czy PWA będzie wygodna w terenie, czy tylko będzie miała ikonę na ekranie. Koszt całej aplikacji rozpisuję w tekście ile kosztuje aplikacja webowa.

Źródła: web.dev: Progressive Web Apps i WebKit: Web Push dla aplikacji internetowych na iOS i iPadOS.