Przekształć aplikację webową w instalowalną offline PWA

Mamy już działającą aplikację webową i chcemy, aby zachowywała się jak pełnoprawna aplikacja mobilna, ale bez przepisywania wszystkiego od zera. Zadaniem jest przekształcenie obecnego frontendu w Aplikację Webową Progresywną, aby odwiedzający ze smartfonów i tabletów mogli zainstalować ją na ekranie głównym, uruchomić w osobnym oknie bez paska adresu przeglądarki i kontynuować korzystanie z kluczowych ekranów nawet w trybie offline. Backend i logika biznesowa pozostają bez zmian; prace koncentrują się na stronie klienta i warstwie dostępu offline wokół niej.

Specjalnie potrzebny jest serwis worker, który buforuje shell aplikacji i krytyczne zasoby, a także rozsądna strategia buforowania odpowiedzi API, aby wcześniej załadowane dane były dostępne offline i synchronizowały się po przywróceniu sieci. Poprawny manifest aplikacji webowej z ikonami, kolorami motywów i właściwym adresem URL uruchamiania powinien umożliwić instalację aplikacji na Androidzie i iOS, a ja chcę, aby komunikat o instalacji był obsługiwany starannie, a nie pozostawiony samemu sobie. Ponadto, musisz w pełni skonfigurować powiadomienia push: poprosić o zgodę, przechować subskrypcję i prosty sposób na wysłanie testowego powiadomienia push.

Wydajność i niezawodność są częścią wyniku: aplikacja powinna przejść audyt instalowalności, poprawnie degradując z offline stub page i nie łamać istniejącego zachowania dla użytkowników desktopowych.

— Serwis worker z buforowaniem shell i zasobów
— Offline stub page i bufor odczytu API
— Manifest aplikacji webowej, ikony i obsługa instalacji
— Powiadomienia push: zgoda, subskrypcja, testowe wysyłanie
— Przechodzenie audytu instalowalności/Lighthouse PWA
— Dokumentacja do wdrożenia i wersjonowania buforów