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

Pete LePage

Progresywne aplikacje internetowe (PWA) to nowoczesne aplikacje wysokiej jakości tworzone przy użyciu technologii internetowych. Progresywne aplikacje internetowe mają podobne możliwości do aplikacji na iOS, Androida i komputery, działają niezawodnie nawet w niestabilnych warunkach sieci, a dodatkowo można je instalować, dzięki czemu użytkownicy mogą je łatwiej znaleźć i z nich korzystać.

Większość użytkowników wie, jak instalować aplikacje i z czym się to wiąże. Zainstalowane aplikacje są wyświetlane w miejscach uruchamiania systemu operacyjnego, takich jak folder Programy w Mac OS X, menu Start w systemie Windows oraz ekran główny w Androidzie i iOS. Zainstalowane aplikacje wyświetlają się również w przełączniku aktywności, wyszukiwarkach na urządzeniu, takich jak Spotlight, oraz w arkuszach udostępniania treści.

Większość przeglądarek informuje użytkownika, że progresywna aplikacja internetowa (PWA) jest instalowalna, gdy spełnia określone kryteria. Przykładowe wskaźniki to przycisk Zainstaluj na pasku adresu i polecenie Zainstaluj w menu rozszerzonym.

Ponadto po spełnieniu kryteriów wiele przeglądarek uruchamia zdarzenie beforeinstallprompt, co umożliwia Ci udostępnienie niestandardowego interfejsu użytkownika w aplikacji, który uruchamia proces instalacji aplikacji.

Kryteria instalacji

Aby w 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ąć strony co najmniej raz (w dowolnym momencie, nawet podczas poprzedniego wczytywania strony).
  • Użytkownik musi spędzić co najmniej 30 sekund na oglądaniu strony (w dowolnym momencie)
• być wyświetlany przez HTTPS;
• Zawiera manifest aplikacji internetowej zawierający:
  • short_name lub name
  • icons – musi zawierać ikonę o wymiarach 192 x 192 pikseli i 512 x 512 pikseli
  • start_url
  • display – musi mieć wartość fullscreen, standalone, minimal-ui lub window-controls-overlay
  • Pole prefer_related_applications nie może występować lub być wartością false

Inne przeglądarki mają podobne kryteria instalacji, choć mogą wystąpić niewielkie różnice. Szczegółowe informacje znajdziesz na odpowiednich stronach:

• Edge
• Firefox