Progresywne aplikacje internetowe

Progresywna aplikacja internetowa (PWA) to aplikacja internetowa, która korzysta z stopniowych ulepszeń, aby zapewnić użytkownikom większą niezawodność, wykorzystuje nowe funkcje, aby zapewnić większą integrację. Można ją zainstalować. A ponieważ jest to aplikacja internetowa, można ją dotrzeć do każdego, gdziekolwiek jesteś, na dowolnym urządzeniu, a to wszystko za pomocą jednej bazy kodu. Zainstalowana aplikacja PWA wygląda jak każda inna aplikacja, a w szczególności:

  • Ma ikonę na ekranie głównym, w menu z aplikacjami, na pasku uruchamiającym lub w menu Start.
  • Pojawia się podczas wyszukiwania aplikacji na urządzeniu.
  • Otwiera się w samodzielnym oknie, całkowicie oddzielonym od interfejsu przeglądarki.
  • Pozwala na dostęp do wyższych poziomów integracji z systemem operacyjnym, np. obsługi adresów URL czy dostosowywania paska tytułu.
  • Działa offline.

Platforma internetowa

Internet to niesamowita platforma. To połączenie uniwersalności na różnych urządzeniach i systemach operacyjnych, skoncentrowany na użytkowniku model bezpieczeństwa oraz to, że żadna firma nie kontroluje specyfikacji czy implementacji, sprawia, że jest to potężna platforma do dostarczania oprogramowania.

W połączeniu z nieodłączną możliwością tworzenia linków w sieci można ją przeszukiwać i dzielić się znalezionymi informacjami z dowolną osobą w dowolnym miejscu. Odwiedzana witryna jest zawsze w najnowszej wersji wdrożonej przez wydawcę. Możesz jej używać do różnych celów lub na stałe.

Dzięki jednej bazie kodu aplikacje internetowe mogą dotrzeć do każdego, w dowolnym miejscu i na dowolnym urządzeniu. Dla programistów internet oferuje także przejrzysty i prosty mechanizm wdrażania. Nie ma potrzeby przygotowania pakietu, dodatkowego sprawdzania treści ani opóźnień w aktualizacji. Użytkownicy, którzy odwiedzają Twoją aplikację, zawsze otrzymują najnowszą wersję. Dzięki nowym możliwościom i technikom aplikacja internetowa może teraz umożliwiać interakcję i wyświetlanie treści nawet wtedy, gdy offline. Jest to przeszkoda, która nie mogła zostać przez Ciebie pokonana kilka lat temu.

Aplikacje na poszczególnych platformach

Aplikacje przeznaczone na konkretne platformy, zarówno na urządzenia mobilne, jak i na komputery, słyną z bogactwa i niezawodności. Są one zawsze widoczne – na ekranach głównych, dokach i paskach aplikacji. Działają one niezależnie od połączenia sieciowego i są uruchamiane jako osobne aplikacje. Mogą odczytywać i zapisywać pliki z lokalnego systemu plików, korzystać ze sprzętu podłączonego przez USB, szeregowy lub Bluetooth oraz korzystać z danych przechowywanych na urządzeniach, np. kontaktów i wydarzeń w kalendarzu. W aplikacjach na poszczególnych platformach możesz robić zdjęcia, odtwarzać utwory wymienione na ekranie głównym i sterować odtwarzaniem multimediów podczas korzystania z innej aplikacji. Te aplikacje działają jak część urządzenia, na którym działają.

Wyzwaniem w przypadku aplikacji na poszczególnych platformach jest to, że nie są one zgodne z wieloma platformami i urządzeniami, dlatego trudno jest, o ile to możliwe, przenieść aplikację na Androida na iOS lub iOS do Windows lub ChromeOS bez konieczności tworzenia nowej aplikacji od podstaw.

To, co najlepsze w obu tych miejscach

Jeśli weźmiesz pod uwagę aplikacje platformowe i aplikacje internetowe pod względem możliwości i zasięgu, aplikacje platformowe reprezentują najlepsze możliwości, a aplikacje internetowe – największy zasięg. Progresywne aplikacje internetowe łączą możliwości aplikacji platformowych i zasięg aplikacji internetowych. Progresywna aplikacja internetowa zawiera funkcje z obu rozwiązań.

Sieć

  • Możliwość łączenia
  • Dostępne domyślnie
  • Uniwersalne
  • Łatwe wdrożenie
  • Łatwe aktualizacje
  • Wszyscy mogą publikować

Aplikacje platformy

  • Tryb offline
  • Wysoka wydajność
  • Integracja urządzeń
  • Wersja samodzielna
  • Ikona zainstalowanej aplikacji
  • Bogata i niezawodna

Korzyści z rozpowszechnienia

Hulu, amerykańska usługa strumieniowania wideo, stworzyła progresywną wersję aplikacji internetowej, aby zastąpić aplikacje na komputery, które mają kiepskie opinie użytkowników i słabo korzystają. Jak informowaliśmy na Google I/O 2019, jeden programista mógłby sprawdzić i wdrożyć to rozwiązanie w swojej istniejącej aplikacji internetowej w ciągu 2 tygodni.

W ciągu 5 miesięcy 96% użytkowników starszych aplikacji wdrożyło PWA, przy czym liczba powracających wizyt 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ż w przypadku kart.

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

Clipchamp to dostępny w przeglądarce edytor wideo na komputery, który pozwala każdemu opowiedzieć historie, które warto pokazać w formie filmu. Wskaźnik utrzymania użytkowników aplikacji PWA był o 9% wyższy niż w przypadku standardowych użytkowników aplikacji na komputery. Liczba instalacji aplikacji PWA wzrastała o 97% miesięcznie w ciągu pierwszych 5 miesięcy od wprowadzenia aplikacji na rynek.

Opracowany przez Corel Corporation Gravit Designer to zaawansowane narzędzie do projektowania wektorowego na komputery, które codziennie obsługuje dziesiątki tysięcy aktywnych użytkowników, którzy potrzebują bogatyego, niedrogiego i przystępnego oprogramowania do tworzenia ilustracji wektorowych. Od momentu dodania aplikacji PWA jako opcji instalacji użytkownicy zauważyli, że aktywni użytkownicy tej aplikacji są o 24% bardziej aktywni, mają o 31% więcej powracających użytkowników, a osoby korzystające z aplikacji PWA są 2,5 raza większe niż ich inne platformy i opcje instalacji.

Przełomowe rozwiązanie

Doskonałym przykładem możliwości progresywnych aplikacji internetowych jest branża platform streamingowych, w tym gier w chmurze i komputerów zdalnych. Od 2021 roku większość dostawców gier w chmurze wprowadziła progresywne aplikacje internetowe, które pozwalają grać na konsolach na dowolnym urządzeniu oraz na przeglądarce lub aplikacji PWA. Wszystkie zapewniają doskonałą jakość działania i zapewniają wydajność na wszystkich platformach dzięki technologiom internetowym takim jak WebRTC, WebAssembly i GamePad API.

Wyzwania

Po omówieniu korzyści płynących z używania platformy internetowej do publikowania aplikacji PWA warto też poznać wyzwania, jakie możesz napotkać.

Zgodność z różnymi przeglądarkami

Apple to kluczowa firma nastawiona na korzystanie z wielu urządzeń. Oferuje systemy iOS, iPadOS, macOS i Safari. Firma Apple nigdy nie używała terminu PWA w miejscach publicznych, ale od 2018 r. rozwija technologie umożliwiające jego zainstalowanie i obsługę offline w przeglądarce Safari na iPhone'y i iPady.

Jednak w implementacji specyfikacji PWA firmy Apple brakuje wielu funkcji oferowanych przez inne przeglądarki, w szczególności przeglądarki z silnikiem Chromium.

Pośrodku mamy także przeglądarkę Firefox z silnikiem Gecko z implementacjami obejmującymi większą liczbę specyfikacji PWA na Androida i mniejszą liczbę instalacji na komputerach.

Ograniczenia obejmują brak powiadomień push, interfejsy API integracji (np. Web Bluetooth lub WebNFC) i techniki promowania instalacji, które pomagają użytkownikom zorientować się, że mogą zainstalować aktualną witrynę, aby móc korzystać z aplikacji. Oprócz tego jest kilka błędów związanych z zaimplementowanymi funkcjami.

Tak jak przy każdym tworzeniu stron internetowych, podczas publikowania aplikacji PWA (PWA) oraz przy okazji opublikowania ważnej wersji przeglądarki lub systemu operacyjnego musisz przetestować działanie środowiska na każdej platformie. Gdy dana funkcja jest niedostępna, zawsze należy stosować rozwiązania zastępcze lub alternatywne.

Świadomość istnienia PWA

Deweloperzy PWA prawdopodobnie spotkają się z problemem ze świadomością problemu, zarówno po stronie firmy, jak i użytkownika. Niektórzy właściciele firm nie będą wiedzieć o progresywnych aplikacjach internetowych lub będą mieć błędne przekonania na temat możliwości i wyzwań progresywnych aplikacji internetowych.

Następnym krokiem po opublikowaniu aplikacji PWA jest dopilnowanie, aby użytkownicy rozumieli, że witrynę można zainstalować, i tym samym mogą ją zainstalować.

Na niektórych platformach, np. iOS i iPadOS, problem z instalacją jest ważniejszy. Projektanci UX czasem dodają ekrany z instrukcjami instalacji aplikacji.

Zgodność

Pamiętaj, że progresywna aplikacja internetowa to tylko aplikacja internetowa, więc treści i usługi działają zgodnie ze standardowymi specyfikacjami i protokołami. Oznacza to, że technicznie aplikacja PWA działa wszędzie tam, gdzie działa internet. Platforma nie musi być zgodna ze specyfikacją PWA.

Jednak gdy mówimy o PWA i zgodności, zazwyczaj chodzi nam o możliwości wykraczające poza granice przeglądarki i środowisk online: instalację ikon i obsługę offline.

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

    97 %

    Przeglądarki obsługujące tryb offline

    88 %

    Użytkownicy internetu mogą zainstalować PWA

Źródło danych: StatCounter i Can I Use.

Komputery stacjonarne i laptopy

W świecie urządzeń wielopoziomowych trudno określić, czym jest komputer. Pomimo tego, przynajmniej z punktu widzenia systemu operacyjnego, te przeglądarki i sklepy są zgodne z instalacją PWA i funkcjami offline:

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

W filmie poniżej użytkownik instaluje aplikację PWA w przeglądarce na komputerze, a potem otwiera ją jak każda inna aplikacja w osobnym oknie.

Urządzenia mobilne

Jeśli chodzi o komórki i tablety, progresywną aplikację internetową można zainstalować z funkcjami w trybie offline za pomocą tych przeglądarek i sklepów z aplikacjami:

iOS i iPadOS
Safari (od iOS 11.3), AppStore (od iOS/iPadOS 14, z pewnymi ograniczeniami), konfiguracja mobilna na potrzeby dystrybucji w firmie.
Android
Firefox, Google Chrome, Samsung Internet, Microsoft Edge, Opera, Brave, Huawei Browser, Baidu, UCWeb, Sklep Play (z wersji 72 z zainstalowaną przeglądarką Google Chrome lub z przeglądarkami zgodnymi z TWA), Galaxy Store, elementem iframe zarządzanego Sklepu Play na potrzeby dystrybucji w firmach.

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

Inne urządzenia

Niektóre inne małe urządzenia obsługują aplikacje PWA, takie jak konsole do gier (Xbox z Microsoft Store) i urządzenia XR (Microsoft Hololens – plany na Oculusa na Facebooku). Jednak pozostałe urządzenia z przeglądarką zwykle nie akceptują aplikacji PWA takich jak:

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

PWA będzie zawsze działać w przeglądarce na wszystkich urządzeniach z określonymi ograniczeniami. Ta możliwość pracy na wielu urządzeniach pozwala stworzyć podróż na wielu urządzeniach, w której użytkownik może rozpocząć zadanie na jednym urządzeniu i wykonać je na innym, synchronizując dane między nimi, używając dokładnie tej samej wdrożonej aplikacji.

Zasoby