Advertisements

Wszystko co powinniście wiedzieć o aplikacjach PWA

Aplikacje PWA to strony internetowe, które posiadają kilka dodatkowych funkcji, dzięki czemu systemy Android oraz Windows 10 traktują je jako natywne aplikacje systemowe. Wystarczy wyświetlić stronę przygotowaną według standardów PWA za pomocą przeglądarki internetowej i zapisać ją na ekranie startowym. Uruchomienie dodanego skrótu spowoduje włączenie aplikacji PWA.

Czym są aplikacje PWA?

Dokładne informacje o aplikacjach PWA zawarłem w tym artykule. Należy pamiętać, że progresywne aplikacje internetowe są dosyć młode i przez cały czas rozwijają się. W związku z tym posiadają pewne ograniczenia względem natywnych aplikacji. Dodatkowo wymagany jest w miarę świeży system operacyjny. W przypadku Androida jest to wersja 7.1.1 choć starsze wersje też obsługują PWA, ale w tym wypadku nie wszystkie funkcje mogą być obsługiwane jak np. wypychane powiadomienia (push). Użytkownicy systemu Windows 10 otrzymają pełne wsparcie dopiero w zbliżającej się aktualizacji Redstone 4 (Spring Creators Update). Baza aplikacji stale się powiększa, ale na ten moment zaledwie kilkunastu dużych deweloperów dopasowało swoje strony do wymagań PWA.

Popularne aplikacje PWA:

Jak zainstalować aplikacje PWA?

Android

W przypadku telefonów z systemem Android wystarczy za pomocą przeglądarki Chrome wejść na progresywną stronę internetową, na której powinna wyświetlić się informacja o możliwości dodania strony do ekranu startowego (poniższy zrzut po lewej stronie). W większości przypadków jednak nie wyświetla się taka propozycja i stronę należy dodać ręcznie wybierając z menu przeglądarki opcję „Dodaj do ekranu głównego” (poniższy zrzut po prawej stronie).

Windows 10

Nieco trudniej wygląda sprawa w przypadku systemu Windows 10. Pełne wsparcie pojawi się dopiero wraz z aktualizacją Redstone 4, ale już teraz udało mi się zainstalować w systemie Fall Creators Update takie aplikacje jak Mapy Google, Tinder, trivago czy Uber. Na poniższym zrzucie widać aplikacje Uber oraz Mapy Google w systemie Windows 10 Fall Creators Update.

Aby dodać aplikację PWA w systemie Windows 10 należy zainstalować przeglądarkę Chrome (ponieważ Edge jeszcze nie obsługuje PWA) a następnie włączyć eksperymentalny dodatek o nazwie Desktop PWAs (w pasku adresu przeglądarki wpisujemy about:flags, wyszukujemy dodatek i go włączamy). Kolejny krok to otwarcie progresywnej strony internetowej i uruchomienie narzędzi programistycznych (Menu > Więcej narzędzi > Narzędzia dla programistów). W narzędziach przechodzimy do sekcji Applications > Service Workers i klikamy kolejno w: ikonkę telefonu i tabletu (strona będzie wyglądać jak na telefonie) oraz zaznaczamy opcje Update on reload oraz Bypass for network. Na sam koniec odświeżamy stronę (F5) i z menu wybieramy opcję „Dodaj do ekranu głównego”. Szczegółowa instrukcja znajduje się na tej stronie (akapit „How to get Google Maps Go on desktop”).

Plusy i minusy aplikacji PWA

Minusy

Tak jak wspomniałem wcześniej aplikacje PWA posiadają pewne ograniczenia względem natywnych aplikacji. Dla przykładu aplikacja Mapy Google nie posiada funkcji nawigacji. Możemy w niej jedynie przeglądać mapy oraz planować podróże. W systemie Android 7.0 nie działają wypychane powiadomienia. Podejrzewam, że działają dopiero od wersji Android 7.1.1. Porównałem również kilka aplikacji PWA do ich natywnych odpowiedników i z reguły progresywne aplikacje posiadają mniej funkcji oraz mają nieco zmieniony interfejs użytkownika. Sporym minusem jest także dosyć mała baza aplikacji, w której zabrakło największych graczy takich jak np. Facebook.

Plusy

Największym plusem aplikacji PWA jest ich dostępność. Już wkrótce niezależnie od tego jaki będziemy posiadać system będziemy mogli zainstalować progresywną aplikację. Niesie to zarówno korzyści dla deweloperów jak i użytkowników. Twórcy aplikacji nie będą musieli tworzyć odrębnych aplikacji na każdy system a wystarczy, że stworzą jedną wspólną w standardzie PWA. Dzięki temu użytkownicy będą mieli dostęp do swoich ulubionych aplikacji bez patrzenia na zawartość sklepów poszczególnych producentów. Ponadto wszelkie aktualizacje aplikacji będą dokonywane po stronie serwera a to oznacza, że użytkownicy zawsze będą korzystać z najnowszej dostępnej wersji.

Jak wyglądają aplikacje PWA?

Poniżej zamieszczam zrzuty z kilku najpopularniejszych aplikacji. Oprócz zmian wizualnych aplikacje różnią się także dostępną funkcjonalnością – na ten moment na niekorzyść PWA. W przypadku aplikacji Instagram przewijanie obrazów wydaje się płynniejsze w aplikacji PWA niż w natywnej wersji. Z kolei natywna oferuje więcej możliwości. Jeżeli wcześniej korzystaliśmy z natywnych aplikacji to po wgraniu PWA od razu zorientujemy się, że mamy do czynienia z aplikacją, która posiada pewne braki i niedociągnięcia. Należy jednak pamiętać, że progresywne aplikacje dopiero zyskują na popularności i w niedługim czasie mogą znacząco nadgonić funkcjonalność oraz działanie do natywnych aplikacji.

Na poniższych zrzutach widać różnice pomiędzy aplikacjami PWA (po lewej stronie) a natywnymi aplikacjami (po prawej stronie).

Instagram

Mapy Google

OLX

Uber

Gdzie szukać aplikacji PWA?

Nie ma jednej strony, która zbierałaby wszystkie progresywne aplikacje. W Internecie można znaleźć sporo stron, które zawierają odnośniki do aplikacji PWA. Możecie zerknąć np. na stronę https://pwa.rocks lub https://www.pwastats.com. Microsoft poinformował, że wraz z aktualizacją Redstone 4 (Spring Creators Update) będzie umieszczał najbardziej popularne aplikacje PWA w swoim sklepie. Producenci również będą mogli zgłaszać swoje strony do sklepu Microsoft. Nie wiadomo czy Google również podąży tą samą ścieżką i pozwoli na umieszczanie aplikacji PWA w swoim sklepie. Trzeba jednak przyznać, że na ten moment wyszukiwanie progresywnych aplikacji może stanowić problem.

Czy warto zawracać sobie głowę aplikacjami PWA?

Na to pytanie trudno odpowiedzieć. Niektórzy twierdzą, że aplikacje PWA to przyszłość. Mniej optymistyczne osoby z kolei uważają, że aplikacje te nie podbiją serc użytkowników. Moje zdanie znajduje się obecnie gdzieś pośrodku i z ciekawością będę obserwował dalszy rozwój standardu Progressive Web App oraz zaangażowanie deweloperów.

Źródło: WindowsCentral, Medium, Thurrot

Thank you have visited this post Wszystko co powinniście wiedzieć o aplikacjach PWA. We wish could be additional information about technology for you

The source of this post: https://msmobile.pl/progressive-web-apps


Advertisements