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. Aplikacje PWA oferują podobne możliwości co aplikacje na iOS, Androida i komputery. Są niezawodne nawet w niestabilnych warunkach sieciowych i można je instalować, co ułatwia użytkownikom ich znajdowanie i używanie.

Większość użytkowników wie, jak instalować aplikacje i z czym się to wiąże. Zainstalowane aplikacje są widoczne w systemie operacyjnym na platformach uruchamiania, takich jak folder Aplikacje w systemie Mac OS X, menu Start w Windowsie oraz ekran główny w Androidzie i iOS. Zainstalowane aplikacje są też widoczne 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 progresywną aplikację internetową (PWA) można zainstalować, gdy spełnia ona określone kryteria. Mogą to być na przykład przycisk Zainstaluj na pasku adresu lub element menu Zainstaluj w menu przepełnienia.

Zrzut ekranu z okienkiem wyszukiwania z widocznym wskaźnikiem instalacji
Promocja instalacji oferowana przez przeglądarkę (komputer)
Zrzut ekranu z promocją instalacji w przeglądarce
Promocja instalacji oferowana przez przeglądarkę (telefon)

Ponadto po spełnieniu kryteriów wiele przeglądarek wywoła zdarzenie beforeinstallprompt, co umożliwi Ci wyświetlenie niestandardowego interfejsu użytkownika w aplikacji, który wywoła proces instalacji aplikacji.

Kryteria instalacji

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

  • Aplikacja internetowa nie jest 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ć co najmniej 30 sekund na oglądaniu strony (w dowolnym momencie)
  • być wyświetlany przez HTTPS;
  • Zawiera plik z manifestem aplikacji internetowej, który zawiera:
    • short_name lub name
    • icons – musi zawierać ikonę o wymiarach 192 x 192 piksele 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 być puste ani może zawierać wartość false.

Inne przeglądarki mają podobne kryteria instalacji, ale mogą występować drobne różnice. Szczegółowe informacje znajdziesz na odpowiednich stronach: