Co to są progresywne aplikacje internetowe i jak je zainstalować?

W telefonie dominują aplikacje 10 aplikacji na Androida, które ułatwią Ci życie 10 aplikacji na Androida, które ułatwią Ci życie Życie jest skomplikowane - ale te aplikacje mogą ułatwić nawigację. . I chociaż aplikacje nie wpływają tak samo na pulpit lub przeglądarkę w ten sam sposób, wygląda na to, że ulegnie zmianie. Progresywne aplikacje internetowe (PWA) stają się coraz popularniejsze, ponieważ coraz więcej przeglądarek oferuje wsparcie.

Ale czym dokładnie jest progresywna aplikacja internetowa i co ona dla Ciebie zrobi? Oto wszystko, co musisz wiedzieć.

Co to jest progresywna aplikacja internetowa?

Progresywne aplikacje internetowe to aplikacje internetowe, które oferują użytkownikom zwykłą witrynę, ale są natywną aplikacją mobilną. PWA próbują wprowadzić użyteczność natywnej aplikacji mobilnej do nowoczesnego zestawu funkcji przeglądarki, w pełni wykorzystując postępy w obu obszarach programistycznych.

Co zatem definiuje PWA?

• uniwersalny: PWA musi działać bezproblemowo (dobrze, prawie) dla każdego użytkownika, niezależnie od przeglądarki.
• Czuły: PWA powinny współpracować z dowolnym urządzeniem, takim jak laptop, tablet, smartfon i tak dalej.
• Projekt: Projekt powinien naśladować natywne aplikacje mobilne, co oznacza usprawnione, łatwe do znalezienia menu, z prostą interaktywnością dla zaawansowanych funkcji.
• Bezpieczny: PWA powinny używać HTTPS, aby zabezpieczyć dane użytkownika.
• Do odkrycia: Użytkownicy mogą znaleźć PWA i można je łatwo zidentyfikować jako aplikację (a nie jako “teren”).
• Zaręczynowy: PWA musi mieć dostęp do natywnych funkcji angażujących, takich jak powiadomienia wypychane.
• Aktualizacje: PWA pozostają aktualne, obsługując najnowsze wersje usługi lub witryny.
• Instalacja: Umożliwia użytkownikom łatwe “zainstalować” PWA na ekranie głównym bez potrzeby korzystania z App Store.
• Dzielenie się: PWA wymagają tylko jednego adresu URL do udostępniania, bez instalacji.

Jak widać, PWA mają na celu zapewnienie użytkownikom pełnego komfortu korzystania ze strony internetowej dzięki usprawnionym funkcjom i projektowi interfejsu natywnej aplikacji.

Progresywne aplikacje internetowe i pracownicy usługowi

Kluczem do progresywnych aplikacji internetowych są pracownicy usług przeglądarkowych.

Pracownik serwisu to skrypt działający w tle przeglądarki, “oddzielnie od strony internetowej, otwierając drzwi do funkcji, które nie wymagają strony internetowej ani interakcji użytkownika.” Możesz użyć pracowników usług, takich jak powiadomienia wypychane i synchronizacja w tle Jak wyłączyć irytujące powiadomienia w Chrome, Firefox, Safari i więcej Jak wyłączyć irytujące powiadomienia w Chrome, Firefox, Safari i więcej Oto jak możesz wyłączyć irytujące powiadomienia przeglądarki w Chrome, Safari, Opera, Firefox i Microsoft Edge. w tej chwili, ale bezpośrednia przyszłość PWA daje tym skryptom większą moc.

W związku z tym pracownicy usług stanowią podstawę standardu PWA, wykorzystując pamięć podręczną sieci Web dla niemal natychmiastowych rezultatów.

Przed pracownikami serwisu skryptem podręcznym przeglądarki przeglądarki był Pamięć podręczna aplikacji (lub pamięć podręczna aplikacji). Pamięć podręczna aplikacji jest dostępna w szerokiej gamie usług w trybie offline, ale jest nieco podatna na błędy. Co więcej, pamięć podręczna aplikacji ma kilka dobrze znanych ograniczeń, jak wyjaśnia A List Apart.

Ale głównym problemem dla programistów jest brak bezpośredniej interakcji z tym, jak dokładnie działa AppCache, co powstrzymuje programistów przed dokładnym rozwiązywaniem problemów. Z kolei witryny i usługi z pełną funkcjonalnością offline były ryzykownym wyborem.

Pracownicy usługowi trwają jednak tylko tak długo, jak długo wymagane jest ich działanie. W PWA, gdy klikniesz coś lub użyjesz funkcji, pracownik usługi zacznie działać. Pracownik serwisu (pamiętaj, że jest to skrypt) przetwarza zdarzenie, decydując, czy pamięć podręczna offline może zrealizować żądanie. Chodzi o to, że istnieje wiele buforów offline dla PWA do wyboru, co daje znacznie szerszy zakres funkcji offline.

Ponadto pamięć podręczna służy nie tylko do zwiększania prędkości w trybie offline. Na przykład udajesz się do PWA, ale twoje połączenie jest bardzo nierównomierne. Pracownik serwisu obsługuje poprzednią pamięć podręczną, w pełni funkcjonalną, bez przerywania pracy.

PWA: jakie są opcje przeglądarki?

Istnieją dwa wymagania dotyczące korzystania z PWA: kompatybilna przeglądarka i usługa obsługująca PWA.

Najpierw spójrzmy na przeglądarki. Czy PWA jest gotowy? Witryna to najlepszy sposób sprawdzenia obsługi przeglądarki.

Rozbijam to trochę więcej:

• Przeglądarka stacjonarna (pełne wsparcie): Chrome, Firefox, Opera, QQ Browser, 360 Browser
• Przeglądarka na pulpicie (obsługa błędów): Safari, Microsoft Edge
• Przeglądarka mobilna (pełne wsparcie): Chrome, Firefox, Xiaomi, UC Browser, Baidu, Wechat, Sogou, 360 Browser, Quark
• Przeglądarka mobilna (częściowa obsługa): Samsung, przeglądarka QQ
• Przeglądarka mobilna (obsługa błędów): Gepard

Tak więc wszystkie główne przeglądarki obsługują PWA. W przypadku Microsoft Edge i Safari dodatkowa obsługa PWA będzie dostępna wkrótce.

Znajdowanie i instalowanie PWA

Teraz, gdy wiesz, z której przeglądarki korzystać, możesz pomyśleć o wyszukiwaniu i instalowaniu PWA. W tym przykładzie użyję Samsunga Galaxy S8 z Chrome.

Już teraz PWA są wszędzie. Wiele firm dostosowuje swoje witryny i usługi, aby oferować funkcjonalność PWA. Jednak nie ma jeszcze jednej pewnej metody znalezienia PWA. PWA nie są wdrażane w sklepie Google Play ani App Store. Z mojego doświadczenia wynika, że ​​przejście do witryny mobilnej firmy lub usługi zwykle powoduje uruchomienie Dodaj do ekranu głównego Okno dialogowe.

Obejrzyj poniższy film, aby zobaczyć, co dzieje się, gdy odwiedzasz witrynę mobilną na Twitterze.

Po dotknięciu przycisku Dodaj do ekranu głównego przycisk, zobaczysz PWA w szufladzie aplikacji. To prawie jak instalacja aplikacji normalnie z Google Play.

Oczywiście odwiedzanie niezliczonych witryn i liczenie na to, że zobaczysz wyzwalacz ekranu głównego, nie jest przydatne. W rzeczywistości jest to czasochłonne. W tej chwili nie ma zbyt wielu witryn poświęconych wystawianiu listy PWA, a te, które istnieją, nie indeksują sieci jak wyszukiwarka. Jak działają wyszukiwarki? Jak działają wyszukiwarki? Dla wielu osób Google jest internetem. Jest to prawdopodobnie najważniejszy wynalazek od samego Internetu. Chociaż od tego czasu wyszukiwarki wiele się zmieniły, podstawowe zasady są nadal takie same. .

Najpierw wypróbuj outweb. Wymienia całkiem przyzwoity zakres PWA, z często pojawiającymi się nowymi opcjami. Następnie wypróbuj pwa.rocks. Ma mniejszy wybór, ale kilka przydatnych PWA, które będziesz chciał dodać do swojego urządzenia.

Czy PWA zastąpią natywne aplikacje?

Progresywne aplikacje internetowe to doskonały hybrydowy krok między przeglądarką a aplikacją natywną. Czy całkowicie zastąpią aplikacje natywne? Biorąc pod uwagę, że obecnie koncentrują się na istniejących witrynach i usługach, a nie obecnie.

Niewątpliwie zobaczymy jednak więcej zwrotnic. Dane te są również dostępne w statystykach dostępnych w PWA Stats. Oto kilka interesujących liczb do przemyślenia:

• Trivago odnotował 150-procentowy wzrost zaangażowania użytkowników dodających swoje PWA do ekranu głównego.
• PWA Forbesa “ładuje się w 2,5 sekundy,” podczas gdy liczba wyświetleń na odwiedziny wzrosła o 10 procent. PWA Forbesa również widział dwukrotnie długość sesji użytkownika.
• Twitter Lite odnotował 65-procentowy wzrost liczby stron na sesję, z ogromnym 75-procentowym wzrostem liczby tweetów.
• Alibaba odnotowała 76-procentowy wzrost konwersji z urządzeń mobilnych.

PWA nie są jeszcze głównym nurtem. Ale dzięki ogromnemu zakresowi korzyści, jakie zapewniają, takich jak oszczędność miejsca na urządzeniu Zaoszczędź miejsce na dysku dzięki 7 aplikacjom na Androida Lite Zaoszczędź na miejscu na dysku dzięki 7 aplikacjom na Androida Lite Jeśli masz starsze urządzenie lub tylko tani telefon z Androidem, te aplikacje będą dla Ciebie znacznie lepsze niż ich odpowiedniki z głównego nurtu. , usłyszysz o nich coraz więcej w 2018 roku i później.