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

Pete LePage

Progresywne aplikacje internetowe (PWA) to nowoczesne aplikacje wysokiej jakości, które są tworzone przy użyciu technologii internetowych. PWA oferują podobne możliwości jak aplikacje mobilne i na komputery, 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 korzystania z zainstalowanej aplikacji. Zainstalowane aplikacje pojawiają się w miejscach uruchamiania systemu operacyjnego, takich jak folder Aplikacje w systemie macOS X, menu Start w systemie Windows oraz ekran główny w systemach Android i iOS. Zainstalowane aplikacje są też widoczne w przełączniku aktywności, wyszukiwarkach urządzeń, takich jak Spotlight, oraz w arkuszach udostępniania treści.

Większość przeglądarek informuje użytkownika, że progresywną aplikację internetową (PWA) można zainstalować, gdy spełnia ona określone kryteria. Przykładowe wskaźniki to przycisk Instaluj na pasku adresu lub element menu Instaluj w menu przepełnienia.

Dodatkowo po spełnieniu kryteriów wiele przeglądarek wywoła zdarzenie beforeinstallprompt, co pozwoli Ci zapewnić niestandardowy interfejs użytkownika w aplikacji, który uruchomi proces instalacji w aplikacji.

Kryteria instalacji

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

• Aplikacja internetowa nie jest jeszcze zainstalowana.
• Spełnia wymagania 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.
• być wyświetlane przez HTTPS;
• zawiera manifest aplikacji internetowej, który obejmuje:
  • short_name lub name
  • icons – musi zawierać ikonę o rozmiarach 192 piksele i 512 pikseli
  • start_url
  • display – musi mieć jedną z wartości: fullscreen, standalone, minimal-ui lub window-controls-overlay
  • Pole prefer_related_applications nie może występować lub musi mieć wartość false

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

• Edge
• Firefox