Progresywne aplikacje internetowe

Progresywna aplikacja internetowa (PWA) to aplikacja internetowa, która wykorzystuje progresywne ulepszenia, aby zapewnić użytkownikom bardziej niezawodne działanie. Wykorzystuje też nowe funkcje, aby zapewnić bardziej zintegrowaną obsługę, i można ją zainstalować. A ponieważ jest to aplikacja internetowa, przy użyciu jednej bazy kodu może dotrzeć do każdego, dowolnego miejsca i urządzenia. Po zainstalowaniu PWA wygląda jak każda inna aplikacja:

  • ma ikonę na ekranie głównym, w Menu z aplikacjami lub w Menu Start;
  • Pojawia się, gdy szukasz aplikacji na urządzeniu.
  • Otworzy się ono w oknie niezależnym od interfejsu przeglądarki.
  • Ma dostęp do wyższych poziomów integracji z systemem operacyjnym, takich jak obsługa adresów URL czy dostosowanie paska tytułu.
  • Działa offline.

Platforma internetowa

Internet to niesamowita platforma. Dzięki uniwersalności na różnych urządzeniach i systemach operacyjnych, modelowi bezpieczeństwa skoncentrowanemu na użytkowniku oraz temu, że żadna firma nie kontroluje specyfikacji ani implementacji, jest to potężna platforma do dostarczania oprogramowania.

W połączeniu z możliwością łączenia się z internetem umożliwiają przeszukiwanie sieci i udostępnianie znalezionej zawartości innym osobom w dowolnym miejscu i czasie. Gdy otwierasz witrynę, jest to najnowsza wersja wdrożona przez wydawcę. Twoje wrażenia z korzystania z tej witryny mogą być tymczasowe lub stałe, w zależności od Twoich preferencji.

Aplikacje internetowe mogą docierać do każdego użytkownika, w dowolnym miejscu i na dowolnym urządzeniu, z poziomu jednej bazy kodu. Internet oferuje też przejrzysty i prosty mechanizm wdrażania. Nie trzeba pakować aplikacji, nie trzeba sprawdzać treści ani opóźniać aktualizacji. Użytkownicy zawsze korzystają z najnowszej wersji, gdy korzystają z aplikacji. Dzięki nowym możliwościom i technikom aplikacja internetowa umożliwia teraz interakcje i oglądanie treści nawet w trybie offline. Było to niemożliwe jeszcze kilka lat temu.

Aplikacje na konkretne platformy

Aplikacje przeznaczone do konkretnych platform, zarówno na urządzeniach mobilnych, jak i na komputerach, są znane z bogatego interfejsu i wysokiej niezawodności. Są zawsze dostępne na ekranach głównych, w stacjach dokujących i paskach aplikacji. Działa niezależnie od połączenia z internetem i uruchamia się w ramach własnej, samodzielnej aplikacji. Mogą odczytywać i zapisywać pliki z lokalnego systemu plików, uzyskiwać dostęp do sprzętu podłączonego przez USB, port szeregowy lub Bluetooth oraz korzystać z danych zapisanych na Twoich urządzeniach, takich jak kontakty i wydarzenia w kalendarzu. W aplikacjach działających na określonych platformach możesz robić zdjęcia, odtwarzać utwory wymienione na ekranie głównym lub sterować odtwarzaniem multimediów, korzystając z innej aplikacji. Te aplikacje działają jak część urządzenia, na którym działają.

Problem aplikacji przeznaczonych do konkretnych platform polega na tym, że nie są one zgodne z wieloma platformami i urządzeniami, więc przeniesienie aplikacji na Androida na iOS lub z iOS na Windowsa czy ChromeOS nie jest łatwe, a nawet niemożliwe bez tworzenia nowej aplikacji od podstaw.

Połączenie zalet obu formatów

Jeśli spojrzymy na aplikacje platformy i aplikacje internetowe pod kątem możliwości i zasięgu, to aplikacje platformy mają najlepsze możliwości, podczas gdy aplikacje internetowe zapewniają największy zasięg. Progresywne aplikacje internetowe na przecięciu możliwości aplikacji platformowych i zasięgu aplikacji internetowych. Progresywna aplikacja internetowa obejmuje funkcje z obu światów.

Sieć

  • Linkability
  • Dostępny domyślnie
  • Ubiquitous
  • Łatwe wdrożenie
  • Łatwe do zaktualizowania
  • Każdy może publikować

Aplikacje platformy

  • Tryb offline
  • Wysoka wydajność
  • Integracja z urządzeniem
  • Samodzielne działanie
  • Ikona zainstalowanej aplikacji
  • Bogaty i niezawodny

Rozpowszechnienie ma swoje zalety

Hulu, amerykańska usługa strumieniowego przesyłania filmów, stworzyła wersję aplikacji Progressive Web App, aby zastąpić aplikacje na komputery, które miały złe opinie użytkowników i mały odzew. Jak pokazano na konferencji Google I/O 2019, jeden deweloper mógł przeprowadzić badania i wdrożyć tę funkcję w swojej dotychczasowej aplikacji internetowej w zaledwie 2 tygodnie.

W ciągu 5 miesięcy 96% użytkowników starszej aplikacji zaczęło korzystać z PWA, a liczba powracających użytkowników wzrosła o 27%, a zaangażowanie o 5,5%. Ponieważ aplikacje PWA znajdują się w Menu z aplikacjami i na paskach zadań, łatwiej do nich wrócić, niż gdyby znajdowały się na karcie.

JD.ID, indonezyjski platforma handlu elektronicznego oferująca usługi dostawy wielu produktów, chciała zwiększyć swoją obecność w internecie, skupiając się na wydajności i niezależnej od sieci niezawodnej obsłudze PWA. Dzięki tym ulepszeniom zwiększyli ogólny współczynnik konwersji z urządzeń mobilnych o 53%, 200% w przypadku użytkowników, którzy zainstalowali aplikację, i o 26% dziennie.

Clipchamp to działający w przeglądarce edytor wideo na poziomie desktopowym, który umożliwia każdemu opowiadanie historii za pomocą filmów. W pierwszych 5 miesięcy od uruchomienia aplikacji PWA odnotowano w niej o 9% większą retencję użytkowników niż w standardowej aplikacji na komputery. Liczba instalacji aplikacji PWA wzrosła w każdym miesiącu o 97%.

Gravit Designer firmy Corel Corporation to potężne narzędzie do projektowania wektorowego na komputery, które służy dziesiątkom tysięcy aktywnych użytkowników dziennie, którzy oczekują bogatego, przystępnego i niedrogiego oprogramowania do tworzenia wektorowych ilustracji. Od czasu dodania PWA jako opcji instalacji dla użytkowników, zauważyliśmy, że użytkownicy PWA są o 24% bardziej aktywni, PWA odpowiada za 31% więcej powracających użytkowników, a użytkownicy PWA są 2,5 raza bardziej skłonni do zakupu Gravit Designer PRO niż w przypadku innych platform i opcji instalacji.

Zmiana w streamingu

Doskonałym przykładem potęgi progresywnych aplikacji internetowych jest branża platform strumieniowania, w tym gier w chmurze i obsługi zdalnej. Od 2021 roku większość dostawców gier w chmurze wprowadziła progresywne aplikacje internetowe, które umożliwiają granie w gry na konsolach na dowolnym urządzeniu i tylko w przeglądarce lub przez instalację PWA: iPhone, Android, iPad, laptop, Mac lub PC. Amazon Luna, Microsoft Xbox Gaming, Facebook Gaming, Google Stadia, Nvidia GeForce Now i BlueStacks X oferują rozwiązania do gier w chmurze w przeglądarce. Wszystkie zapewniają świetne wrażenia i wydajność zbliżoną do natywnej na wszystkich platformach dzięki technologiom internetowym, takim jak WebRTC, WebAssembly i interfejsy API GamePad.

Wyzwania

Omówiliśmy już zalety korzystania z platformy internetowej do publikowania Progressive Web Apps, ale warto też wiedzieć, z jakimi wyzwaniami możesz się spotkać.

Zgodność z różnymi przeglądarkami

Apple jest kluczową firmą w świecie urządzeń wielofunkcyjnych, ponieważ jest właścicielem iOS, iPadOS, macOS i Safari. Apple nigdy nie używał publicznie terminu PWA, ale od 2018 r. wspiera technologie, które umożliwiają instalowanie PWA i działanie w trybie offline w Safari na iPhone'a i iPada.

Jednak implementacja specyfikacji PWA przez Apple nie obejmuje wielu funkcji dostępnych w innych przeglądarkach, w szczególności w przeglądarkach opartych na silniku Chromium.

Pośrodku znajduje się Firefox z silnikiem Gecko, który umożliwia wdrażanie na Androidzie większej liczby specyfikacji PWA, ale ma mniej możliwości instalacji na komputerach.

Ograniczenia obejmują brak powiadomień push, interfejsów API do integracji (takich jak Web Bluetooth czy WebNFC) oraz technik promowania instalacji, które informują użytkowników, że mogą zainstalować bieżącą stronę internetową, aby korzystać z aplikacji. Dodatkowo przy zaimplementowanych funkcjach występuje kilka błędów.

Podobnie jak w przypadku każdego tworzenia stron internetowych, podczas publikowania aplikacji PWA oraz po opublikowaniu ważnej nowej wersji przeglądarki lub systemu operacyjnego testowanie środowiska na każdej platformie jest obowiązkowe. W przypadku niedostępności funkcji zawsze należy podać rozwiązania zastępcze lub alternatywne.

Świadomość aplikacji PWA

Jako deweloper PWA prawdopodobnie napotkasz problemy z uświadomieniem, zarówno po stronie firmy, jak i użytkowników. Niektórzy właściciele firm nie będą wiedzieć, czym są progresywne aplikacje internetowe, lub będą mieć błędne wyobrażenie o ich możliwościach i problemach.

Następnym krokiem po opublikowaniu aplikacji PWA jest upewnienie się, że użytkownicy wiedzą, że stronę można zainstalować, i że będzie to już aplikacja.

Problem z instalacją jest bardziej znaczący na niektórych platformach, takich jak iOS i iPadOS. Czasami projektanci UX dodają ekrany z instrukcjami instalacji aplikacji.

Zgodność

Pamiętaj, że progresywna aplikacja internetowa to tylko aplikacja internetowa, a zawartość i usługi działają na podstawie standardowych specyfikacji i protokołów. Oznacza to, że aplikacja PWA działa technicznie wszędzie tam, gdzie działa internet. Nie musisz więc dbać o to, aby platforma była zgodna z żadnymi „specyfikacjami PWA”.

Jednak gdy mówimy o PWA i zgodności, zwykle mamy na myśli możliwości przekraczania granic przeglądarki i kontekstów tylko online: instalacji ikony i obsługi offline.

Oprócz obsługi klasycznej platformy internetowej sprawdźmy teraz obsługę podstawowych funkcji aplikacji, takich jak instalacja ikon czy funkcje offline.

    97 %

    przeglądarki obsługujące tryb offline;

    88 %

    Użytkownicy internetu mogą instalować PWA

Dane pochodzą ze StatCountera i mogę ich używać.

Komputery stacjonarne i laptopy

W świecie urządzeń wieloczynnikowych trudno już określić, czym jest komputer. Mimo to, przynajmniej z punktu widzenia systemu operacyjnego, te przeglądarki i sklepy są zgodne z instalacją PWA i możliwościami offline:

Windows 10 i 11
Google Chrome (od wersji 73), Microsoft Edge (od wersji 79), Microsoft Store
ChromeOS
wbudowana przeglądarka Chrome (od wersji 72), Sklep Play (od wersji 85)
macOS, Linux oraz Windows 7 i 8.x
Google Chrome (od wersji 73), Microsoft Edge

W tym filmie użytkownik instaluje PWA z przeglądarki na komputerze stacjonarnym, a potem uzyskuje do niej dostęp jak do każdej innej aplikacji w osobnym oknie.

Urządzenia mobilne

Progresywną aplikację internetową, która działa w trybie offline, można zainstalować w następujących przeglądarkach i sklepach z aplikacjami:

iOS i iPadOS
Przeglądarki innych firm (od iOS/iPadOS 16.4), Safari (od iOS 11.3), AppStore (od iOS/iPadOS 14, z pewnymi ograniczeniami), konfiguracja mobilna na potrzeby dystrybucji korporacyjnej.
Android
Firefox, Google Chrome, Samsung Internet, Microsoft Edge, Opera, Brave, Huawei Browser, Baidu, UCWeb, Sklep Play (od wersji 72 z zainstalowaną przeglądarką Google Chrome lub przeglądarkami zgodnymi z TWA), Galaxy Store, zarządzany interfejs iframe Google Play na potrzeby dystrybucji korporacyjnej.

W tym filmie użytkownik instaluje PWA z przeglądarki na urządzeniu mobilnym, korzystając z okna dialogowego przeglądarki oraz z menu Dodaj do ekranu głównego.

Inne urządzenia

Niektóre inne małe urządzenia obsługują PWA, np. konsole do gier (Xbox z Microsoft Store) czy urządzenia XR (Microsoft Hololens, plany dotyczące Oculusa od Facebooka). Pozostałe urządzenia z przeglądarką zwykle nie obsługują PWA, w tym:

  • Konsole do gier
  • Telewizory smart TV
  • Smartwatche
  • Samochody

PWA zawsze będzie działać w przeglądarce na wszystkich urządzeniach z ich określonymi ograniczeniami. Ta zdolność do działania na wielu urządzeniach umożliwia tworzenie ścieżek na wielu urządzeniach, na których użytkownik może rozpocząć zadanie na jednym urządzeniu i dokończyć je na innym, z danymi synchronizowanymi między nimi, przy użyciu tej samej wdrożonej aplikacji.

Zasoby