Odkryj tajniki progresywnych aplikacji internetowych (PWA)

Nie daj się zwieść – progresywne aplikacje internetowe nie są jakąś szaloną nową technologią, o której nie będziesz w stanie przeprowadzić świadomej rozmowy z kumplami po krótkim przeczytaniu artykułu.

Są to w zasadzie zmodernizowane aplikacje internetowe o fantazyjnej nazwie (dzięki, Google Chrome).

Ale mimo to, daj się zwieść powodom, dla których wiele organizacji decyduje, że PWA lepiej odpowiada ich potrzebom. Nie tylko taniej jest budować, sprzedawać i utrzymywać PWA w porównaniu z aplikacją natywną, ale może być to również to, co preferują klienci.

Czy zapytałeś swoich klientów, czy chcą zostać przekierowani do sklepu z aplikacjami tylko po to, aby zarezerwować następną rezerwację hotelu lub zarezerwować samochód do wynajęcia? Może to rozmowa na inny dzień...

Co to jest progresywna aplikacja internetowa?

Zanim zaczniemy rozumieć przypadki użycia do tworzenia progresywnej aplikacji internetowej w porównaniu z aplikacją natywną lub tradycyjną aplikacją internetową, upewnijmy się, że omówimy podstawy.

Przede wszystkim musisz wiedzieć o progresywnych aplikacjach internetowych, ponieważ są one drogą na przyszłość. Według ankiety przeprowadzonej przez czytelników wśród ponad 800 technologów przez JAX Enter, 46% respondentów stwierdziło, że wierzy, iż PWA to przyszłość, a nie aplikacje natywne czy hybrydowe.

Różnica między progresywnymi aplikacjami internetowymi, nieprogresywnymi aplikacjami internetowymi a aplikacjami natywnymi

Nawet starsi programiści mają tendencję do mylenia aplikacji progresywnych z nieprogresywnymi lub nieprogresywnych z aplikacjami natywnymi. Mimo to istnieją wyraźne różnice między tymi typami aplikacji.

Źródło

Aplikacje natywne to aplikacje zbudowane w określonym języku dla konkretnego urządzenia (smartfon, tablet itp.) i należy je pobrać ze sklepu z aplikacjami. W powyższym przykładzie aplikacja MyPay firmy Dish jest aplikacją natywną, ponieważ można ją pobrać ze sklepu Apple App Store i została stworzona dla urządzeń z systemem iOS. Mimo że możesz również pobrać aplikację MyPay firmy Dish z Google Play, Dish musiał opracować drugą natywną aplikację, aby było to możliwe.

Konieczność zaprojektowania i opracowania dwóch różnych aplikacji mobilnych dla swoich klientów może zacząć dostrzegać poważną wadę tworzenia aplikacji natywnych.

Bardziej oszczędny typ aplikacji? Nieprogresywne aplikacje internetowe. Najwcześniejsza forma aplikacji internetowych, nieprogresywna aplikacja internetowa, to aplikacja, której nie trzeba pobierać ze sklepu z aplikacjami; raczej jest dostępny tylko przez Internet.

Wygląda i działa jak aplikacja, ale tak naprawdę to tylko strona internetowa o rozszerzonych możliwościach. Zwróć uwagę, że przykład nieprogresywnej aplikacji internetowej na powyższym obrazku, Evolve Vacation Rentals, jest bezpieczna, responsywna i elegancka — ale nie jest uważana za PWA.

W rzeczywistości, aby aplikacja internetowa mogła zostać uznana za progresywną aplikację internetową, Google twierdzi, że w odniesieniu do aplikacji muszą być spełnione następujące warunki:

• Progresywny . Musi działać we wszystkich typach przeglądarek, nie tylko w IE czy Chrome.
• Responsywne . Aplikacja musi pasować do wszystkich nowoczesnych telefonów, tabletów i gadżetów technicznych przyszłości.
• Niezależny . Musi mieć możliwość pracy w trybie offline lub w połączeniu sieciowym o niskiej mocy.
• Aplikacja w stylu aplikacji . Aplikacja wykorzystuje nawigację i stylizację w stylu aplikacji.
• Świeży. Zawsze na bieżąco.
• Bezpieczny. Dostarczane użytkownikom za pośrednictwem zabezpieczeń warstwy transportowej lub częściej określane jako adres URL HTTPS.
• Wykrywalny. Można znaleźć za pomocą wyszukiwarki.
• Możliwość ponownego zaangażowania. Możliwość ponownego zaangażowania użytkowników aplikacji za pośrednictwem platformy (np. powiadomienia push).
• Instalowalny. Użytkownicy mogą zainstalować aplikację na swoim ekranie głównym za pośrednictwem sklepu z aplikacjami, aby zapewnić łatwy i wygodny dostęp.
• Możliwość łączenia. Aplikację można udostępniać innym za pomocą adresu URL.

Funkcje progresywnych aplikacji internetowych

Google ma swoje klasyfikacje dotyczące tego, co sprawia, że ​​aplikacja internetowa jest progresywną aplikacją internetową, ale możesz się zastanawiać, jak dana osoba może określić, czy aplikacja internetowa jest progresywna, bez konieczności posiadania pod ręką listy kontrolnej? Aby móc to zrobić, przyjrzyjmy się kluczowym cechom PWA.

Bezpieczne konteksty (HTTPS)

Trudno nazwać aplikację postępową, jeśli nie spełnia ona najnowszych i najwyższych standardów bezpieczeństwa danych. Bezpieczne konteksty to standard bezpieczeństwa, który zapewnia użytkownikom witryny pewien poziom zaufania, sugerując, że aplikacja internetowa, z której korzystają, dostarcza treści w bezpieczny sposób.

Zgodnie z najlepszą praktyką dla każdej witryny w 2020 roku, kluczową cechą PWA jest to, że są one szyfrowane TSL/SSL, co zapewnia bezpieczny kontekst. Aby szybko określić, czy aplikacja internetowa jest zabezpieczona, po prostu poszukaj protokołu HTTPS w adresie URL strony.

Jeśli używasz aplikacji internetowej, która nie ma połączenia HTTPS, nie można jej uznać za PWA.

Źródło

Pracownicy usług

Mówiąc językiem technicznym, pracownik serwisu nie jest osobą, która podaje ci jedzenie na wynos – ale pozostańmy przy tej analogii!

Powiedzmy, że jesteś w restauracji i gaśnie prąd. Jeśli jesteś głodny jak zawsze, utkniesz w jedzeniu sałatki lub zimnej zupy. Ale to, co robi Service Worker, to używa pamięci podręcznej, aby zapewnić, że twoje wrażenia nigdy nie ucierpią. A raczej pracownik serwisu upewnia się, że nadal dostaniesz ciepły posiłek.

Z punktu widzenia użytkownika PWA oznacza to, że jeśli podczas nawigacji po aplikacji utracisz połączenie z Internetem, nie zauważysz tego. Lub jeśli byłeś już wcześniej na tym PWA, Twoje doświadczenie załaduje się bardzo szybko - tak, jak zamówiłeś obiad z wyprzedzeniem.

Jak to jest możliwe? Wystarczy mały plik JavaScript. Bardziej zaawansowani pracownicy usług mogą nawet łączyć się z interfejsami API push, dzięki czemu PWA mogą wysyłać do użytkowników powiadomienia push, aby utrzymać ich zaangażowanie.

Pliki manifestu

Aby stworzyć bardziej dostosowane środowisko użytkownika, programy PWA często korzystają z plików manifestu. W skrócie, plik manifestu to plik zawierający metadane dla grupy plików, które są częścią pojedynczej jednostki.

Zasadniczo metapliki są często używane do informowania przeglądarek internetowych, jak powinna zachowywać się aplikacja PWA po otwarciu na określonym urządzeniu. Tworząc plik manifestu dla PWA, programista może ustawić domyślną ikonę aplikacji lub kolor ekranu powitalnego. Deweloper może również zapewnić, że aplikacja otwiera się w oknie przeglądarki na pełnym ekranie, aby stworzyć bardziej „aplikację” na określonym urządzeniu.

Źródło

Zalety PWA

Jasne, są zalety wszystkich typów aplikacji. Bart Deferme, dyrektor ds. rozwoju produktów zwinnych w Spire Digital, mówi:

„Różne typy aplikacji są korzystne w różnych przypadkach użycia w różnych organizacjach. Aplikacje natywne są idealne dla organizacji, które wiedzą, że ich użytkownicy woleliby natywną aplikację od PWA lub nieprogresywnej aplikacji internetowej. Ale dla przedsiębiorców próbujących uzyskać weryfikację koncepcji uruchamiając lean MVP, nieprogresywną aplikację internetową lub PWA są bardziej opłacalne trasy.”

Mając na uwadze, że zawsze istnieją przypadki użycia, w których najlepszym rozwiązaniem są różne typy aplikacji, oto ogólne zalety przejścia z progresywną aplikacją internetową na inny typ aplikacji:

Wykrywalny

Google uzyskuje 3,5 miliarda wyszukiwań dziennie, co czyni go największą wyszukiwarką na świecie. Można śmiało powiedzieć, że kiedy ludzie mają problem lub pytanie, pytają Google. Stanowi to doskonałą okazję dla organizacji wdrażających aplikacje PWA, ponieważ oprócz sklepu z aplikacjami mogą one żyć w Internecie. Ułatwia to ludziom znalezienie PWA w porównaniu z innymi aplikacjami.

Wykrywalność PWA jest wielką zaletą, ponieważ pozwala użytkownikom wyszukiwać tam, gdzie najczęściej szukają, uzyskiwać odpowiedzi i wykonywać akcje w jednym miejscu. Dzięki PWA nie muszą przeskakiwać przez obręcze pobierania całej aplikacji i patrzeć, jak koło pobierania sklepu z aplikacjami powoli przechyla się do „100%, pobieranie zakończone”.

Instalowalny

Jeśli użytkownik naprawdę uwielbia używać PWA lub po prostu używa go często, nie musi dodawać go do zakładek na swoim komputerze i w przeglądarkach w telefonie komórkowym, tak jak w przypadku nieprogresywnej aplikacji internetowej. Prosta wycieczka do sklepu z aplikacjami i użytkowników pozwala użytkownikom uzyskać dostęp do swoich ulubionych aplikacji PWA w takim samym czasie, jak w przypadku typowej aplikacji natywnej.

Możliwość łączenia

O wiele łatwiej jest udostępnić znajomemu link do ulubionej aplikacji niż powiedzieć znajomemu, aby „poszukał tej jednej aplikacji w sklepie z aplikacjami”. Linki można łatwo udostępniać za pośrednictwem poczty e-mail, wiadomości dms w mediach społecznościowych itp. Możliwość łączenia i odnajdowania to dwie zalety PWA, które działają w synchronizacji, zmniejszając ilość czasu potrzebnego pierwszemu użytkownikowi na uzyskanie dostępu do aplikacji, a także zmniejszając ilość czasu, jaki zajmuje superużytkownikowi udostępnienie aplikacji znajomym lub potencjalnym użytkownikom.

Niezależność od sieci

Schemat sieci. Nigdy nie będziemy w stanie uzyskać pełnych barów w każdym miejscu na świecie. Ale z drugiej strony, nie potrzebujemy pełnych prętów do obsługi PWA, prawda?

Progresywne aplikacje internetowe umożliwiają użytkownikom słuchanie ulubionej muzyki w drodze przez tunel i umożliwiają informowanie pracowników telekomunikacyjnych o odłączonej linii energetycznej podczas awarii w całym mieście. Bez konieczności stałego połączenia sieciowego, aplikacje PWA zapewniają bardziej niezawodne środowisko użytkownika dla wszystkich grup użytkowników.

Czuły

Czy kiedykolwiek chciałeś grać w Words with Friends, próbując wyglądać na zainteresowanego podczas rozmowy Zoom? Gdyby Words with Friends był PWA, a nie natywną aplikacją, mógłbyś (to świetny pomysł przy okazji, niech ktoś to zrobi). Aplikacje PWA zapewniają bezproblemową obsługę niezależnie od urządzenia lub typu przeglądarki. Oznacza to, że nie musisz zawsze mieć pod ręką telefonu lub laptopa, aby korzystać z ulubionej aplikacji natywnej lub nieprogresywnej.

Kolejną zaletą responsywności jest to, że organizacje nie muszą tworzyć wielu aplikacji dla wielu grup użytkowników. Użytkownicy Twoich laptopów i telefonów komórkowych mogą być zadowoleni z wdrożenia jednej aplikacji - PWA. Ta zaleta jest zwykle jednym z najlepszych punktów sprzedaży PWA, ponieważ pozwala zaoszczędzić organizacjom na wydatkach na IT i marketing.

Bezpieczny

Zwłaszcza podczas korzystania z aplikacji finansowej, zdrowotnej lub ubezpieczeniowej użytkownicy chcą wiedzieć, że ich dane osobowe nie są dostępne dla jakiegoś gościa na Kajmanach. Mówiąc prościej: bezpieczeństwo buduje zaufanie użytkowników. Bezpieczne konteksty i szyfrowanie adresów URL umożliwiają programom PWA zapewnienie pewności zarówno użytkownikom, jak i botom wyszukiwania Google.

Jak wspomniano wcześniej, najlepszym rozwiązaniem jest użycie szyfrowania SSL we wszystkich adresach URL organizacji — w tym w aplikacjach internetowych. Jeśli nie zabezpieczysz swojej aplikacji internetowej, Google konsekwentnie twierdzi, że będzie to miało negatywny wpływ na wydajność Twojej aplikacji internetowej na stronach wyników wyszukiwania.

Źródło

Wniosek

Pomyśl o tym: świat zmierza w kierunku rzeczywistości Blade Runner, w której ludzie wkrótce będą połączeni z oprogramowaniem przez 24 godziny na dobę (jeśli jeszcze nie jesteś). Wyprzedzenie krzywej technologicznej i uzyskanie największego zwrotu z inwestycji oznacza inwestowanie w oprogramowanie o największej długoterminowej wartości.

Aplikacje natywne są tworzone dla konkretnych urządzeń w określonych językach, dzięki czemu aplikacja nie odpowiada, a baza kodu jest mniej użyteczna. Kod z nieprogresywnych aplikacji internetowych można ponownie wykorzystać do tworzenia innych aplikacji, ale nieprogresywne aplikacje internetowe są budowane tylko dla określonych przeglądarek. Nie można ich również pobrać ze sklepu z aplikacjami.

Aplikacje PWA są najbardziej przyszłościowym typem aplikacji, ponieważ są:

• Wykrywalny przez internet lub sklep z aplikacjami
• Responsywny i gotowy na każdą przeglądarkę
• Niezależne połączenie sieciowe
• Bezpieczny i szyfrowany
• I więcej

Teraz, gdy masz lepsze zrozumienie PWA, możesz lepiej zbadać przypadek użycia aplikacji i określić, jaki typ aplikacji odpowiada potrzebom Twojej organizacji. Jeśli jeszcze tego nie zrobiłeś, porozmawiaj z klientami, aby poznać ich potrzeby i potrzeby, a następnie wybierz aplikację do zbudowania, która zapewni najbardziej długoterminową wartość dla Twojej organizacji.

Czy PWA jest odpowiednie dla Twojej organizacji? Kto wie. Ale nigdy nie jest złym pomysłem, aby lepiej zrozumieć wszystkie opcje aplikacji.

Uzyskaj dokładniejsze informacje o innych statystykach dotyczących tworzenia aplikacji w centrum informacji o programowaniu aplikacji w G2.