Co jest potrzebne, aby można ją było zainstalować?

Pete LePage

Progresywne aplikacje internetowe (PWA) to nowoczesne, wysokiej jakości aplikacje oparte na technologii internetowej. PWA mają podobne możliwości jak aplikacje mobilne i desktopowe, są niezawodne nawet w niestabilnych warunkach sieciowych i można je zainstalować, co ułatwia użytkownikom ich znajdowanie i używanie.

Większość użytkowników wie, jak instalować aplikacje, i zna zalety zainstalowanej aplikacji. Zainstalowane aplikacje pojawiają się w systemie operacyjnym, np. w folderze Aplikacje w systemie macOS X, w menu Start w systemie Windows oraz na ekranie głównym w systemach Android i iOS. Zainstalowane aplikacje pojawiają się też w przełączniku aktywności, wyszukiwarkach urządzeń, takich jak Spotlight, oraz w arkuszach udostępniania treści.

Gdy progresywna aplikacja internetowa (PWA) spełnia określone kryteria, większość przeglądarek informuje użytkownika, że można ją zainstalować. Przykłady takich informacji to przycisk Instaluj na pasku adresu lub element menu Instaluj w menu przepełnienia.

Gdy kryteria są spełnione, wiele przeglądarek wywołuje zdarzenie beforeinstallprompt, co pozwala Ci zapewnić niestandardowy interfejs użytkownika w aplikacji, który uruchomi proces instalacji w Twojej aplikacji.

Kryteria instalacji

Aby Chrome wywołał zdarzenie beforeinstallprompt i wyświetlił promocję instalacji w przeglądarce, progresywna aplikacja internetowa musi spełniać te kryteria:

• Aplikacja internetowa nie jest jeszcze zainstalowana.
• Spełnia heurystyki zaangażowania użytkowników:
  • Użytkownik musi kliknąć lub dotknąć stronę co najmniej raz, w dowolnym momencie, nawet podczas poprzedniego wczytywania strony.
  • Użytkownik musi spędzić na stronie co najmniej 30 sekund, w dowolnym momencie.
• Jest udostępniana przez HTTPS.
• Zawiera plik manifestu aplikacji internetowej, który obejmuje:
  • short_name lub name
  • icons – musi zawierać ikonę o wymiarach 192 × 192 piksele i 512 × 512 pikseli
  • start_url
  • display – musi mieć jedną z tych wartości: fullscreen, standalone, minimal-ui lub window-controls-overlay
  • prefer_related_applications nie może być obecne lub musi mieć wartość false

Inne przeglądarki mają podobne kryteria instalacji, choć mogą występować drobne różnice. Pełne informacje znajdziesz w odpowiednich witrynach:

• Wymagania dotyczące PWA w Edge
• Wymagania dotyczące PWA w Firefoksie