Progressive Web Apps - Przyszłość współczesnej sieci?

W dzisiejszych czasach Progressive Web Apps (PWA) to temat miasta, głównie ze względu na niesamowitą użyteczność i wyjątkowe wrażenia użytkownika. Dzięki połączonym funkcjom stron internetowych i natywnych aplikacji, PWA stają się normą dla aplikacji internetowych z wieloma urządzeniami pozwalając programistom na tworzenie dynamicznych aplikacji do szybkiego ładowania bez użycia hybrydowych ram.

Wierzę, że Progressive Web Apps to przyszłość stron internetowych - W dalszej części omówię jego zalety i wykorzystam przypadki, aby dać ci cały obraz. Przejdźmy do tego.

Co to są progresywne aplikacje internetowe?

Termin “Progresywne aplikacje internetowe” został po raz pierwszy ukuty przez Alexa Rusella (twórcę Google Chrome) i Frances Berriman (projektantkę). Alex podzielił się swoim pomysłem na temat progresywnych aplikacji internetowych “Te aplikacje nie są pakowane i wdrażane w sklepach, są po prostu strony internetowe, które miały wszystkie odpowiednie witaminy“.

“Witryny, które chcą wysyłać Ci powiadomienia lub być na ekranie głównym, muszą z czasem zarabiać, ponieważ używasz ich coraz więcej. Stopniowo stają się “aplikacje”“, napisał Alex o przydatności PWA. Wreszcie doszedł do wniosku, “te aplikacje mogą zapewnić równomierność lepsze wrażenia użytkownika niż tradycyjne aplikacje internetowe“.

Aplikacje internetowe a progresywne aplikacje internetowe

Aplikacje internetowe lub tradycyjne aplikacje internetowe to aplikacje po stronie klienta uruchomić bezpośrednio w przeglądarce internetowej. Chociaż są lepsze niż strony internetowe, mają swoje problemy. Jeśli nie znasz różnicy między aplikacjami i witrynami internetowymi, aplikacje internetowe różnią się od stron internetowych, ponieważ aplikacje internetowe wyglądają i działają jak natywne aplikacje.

Mając to na uwadze, progresywne aplikacje internetowe są następna generacja aplikacji internetowych które działają bardziej jak natywne aplikacje, korzystając z rodzimych ulepszeń urządzenia. Na przykład Progressive Web Apps może korzystać z rodzimych funkcji jak kamera, beacony itp. wraz z funkcjami takimi jak pamięć podręczna offline, powiadomienia push, itp.

Dlaczego potrzebujemy progresywnych aplikacji internetowych?

Z jednej strony mamy natywne aplikacje, które są niewiarygodnie szybkie i niezawodne nawet w najgorszych sytuacjach, takich jak powolne lub brak łączności. Z drugiej strony mamy strony internetowe i aplikacje internetowe, które są powolne i nie działają dobrze w żadnych warunkach sieciowych. Dlatego większość ludzi preferuj aplikacje natywne.

Accelerated Mobile Pages (AMP), projekt zachęcony przez Google, został uruchomiony w 2016 roku rozwiązuj problemy z wolnym połączeniem, zwłaszcza na smartfonach i zapewnia użytkownikom mobilnym lepsze wrażenia użytkownika. Jednak AMP nie rozwiązuje problemów bez problemów z siecią. Ponadto, nie przyspiesza to czasu ładowania tak samo jak natywnych aplikacji, i znowu ma niewiele ograniczeń, aby osiągnąć tę prędkość.

Dlatego potrzebujemy progresywnych aplikacji internetowych. PWA dostarczają najlepsze możliwe doświadczenie użytkownika w sieci wolnej lub bez sieci warunki. Na przykład PWA może wyświetlać ekran postępu, gdy ładuje zawartość lub ekran powitalny, gdy nie ma połączenia internetowego odpowiednio.

Dlaczego progresywne aplikacje internetowe mają sens?

Zgodnie z raportem comScore na temat aplikacji mobilnych w USA w 2017 r. Użytkownicy aplikacji wydają prawie 77 procent czasu spędzonego na trzech najlepszych aplikacjach, natomiast pozostałe aplikacje pozostają bezczynne, ale nadal blokują zasoby systemowe, w tym pamięć. Co więcej, również to dzieli 50 procent użytkowników pobiera zero aplikacji miesięcznie. Ten fakt sugeruje, że użytkownicy wahają się, czy instalować nowe aplikacje, a zatem PWA ma przewagę.

Uważam, że ludzie najczęściej korzystają ze stron internetowych na komputerach, ale preferuj aplikacje na urządzeniach mobilnych (natywne aplikacje, oczywiście). Powodem jest to, że komputery oferują znacznie więcej zasobów sieciowych niż smartfony, a aplikacje zużywają mniej zasobów niż ich odpowiedniki. Ponadto są szybkie i niezawodne.

Ponadto natywne aplikacje kosztują znacznie więcej niż strony internetowe - nawet pięć do dziesięciu razy lub więcej w zależności od rodzaju projektu. Ponadto ich koszt może się zwielokrotnić, jeśli istnieje potrzeba tworzenia natywnych aplikacji na wielu platformach (np. Android i iOS) z różnymi bazami kodu. Jednak PWA może pomóc zminimalizować tak wysokie koszty rozwoju, dzięki wsparciu dla różnych platform.

Funkcje progresywnych aplikacji internetowych

Progresywne aplikacje internetowe mają wiele bezpośrednich funkcji, które odróżniają je od ich prostszych odpowiedników, tj. Aplikacji internetowych (lub prostszych - stron internetowych):

• Czuły. Pracuj na wszystkich urządzeniach o dowolnym rozmiarze ekranu.
• Offline-pierwszy. Ładuj również w sieci wolnej lub bez.
• Czuć jak w aplikacji. Wygląd i interakcja jak natywna aplikacja.
• Aktualny. Aktualizuj samodzielnie, prawie przejrzyście.
• Bezpieczne. Użyj HTTPS, aby załadować zasoby strony.
• Wykrywalne. Dostępność treści do wyszukiwarek.
• Re-engageable. Włącz ponownie, powiedzmy, używając powiadomień.
• Instalowalny. Można umieścić na ekranie głównym.
• Możliwość łączenia. Załaduj strony podobne do aplikacji, ale z adresami URL.

Interesujące jest to, że progresywne aplikacje internetowe nie tylko wyglądają jak natywne aplikacje, ale także dostęp do rodzimych funkcji urządzenia. Oznacza to, że PWA może zrobić ci zdjęcie za pomocą aparatu urządzenia. Muszę jednak udostępnić, że nie uzyskuje dostępu do ograniczonych funkcji, takich jak lokalizacja, telefon lub SMS.

Uwaga: Możesz przeczytać więcej na temat jego funkcji i innych szczegółów w tym poście.

Tworzenie progresywnych aplikacji internetowych?

Google zapewnia “Progressive Web App Checklist” - lista szczegółów, aby pomóc początkującym w tworzeniu progresywnych aplikacji internetowych. Ta lista bez przewodnika dzieli się niezbędne funkcje do tworzenia PWA - za “Linia bazowa PWA” i an “Przykładowe PWA”; pierwsza z nich wymienia kluczowe elementy dla podstawowej aplikacji, a druga dla zaawansowanej aplikacji.

Ponadto istnieją różne narzędzia, które pomogą Ci w budowie PWA. Na przykład Lighthouse jest darmowym, otwartym oprogramowaniem narzędzie do poprawy strony internetowej w tym kontrole jakości pod kątem dostępności, wydajności i funkcji PWA. Innym charakterystycznym narzędziem jest Workbox, które pomaga buduj aplikacje z doświadczeniem w trybie offline.

Są progresywne aplikacje internetowe w przyszłości?

Chociaż progresywne aplikacje internetowe mogą nie rozwiązać wszystkich naszych problemów z aplikacjami lub zastąpić natywnych aplikacji w niedalekiej przyszłości, to jednak sądzę, że dzięki temu odegrają znaczącą rolę. korzyści, które są o wiele więcej niż ograniczenia. A przy prawie każdej dużej platformie, która zaczyna obsługiwać PWA, nie jest tak daleko, że zobaczymy je wszędzie.

Apple wprowadził funkcje PWA (Web API) w Safari 11.1, w tym Beacon API, Service Workers, Web App Manifest itp .; w ten sposób niedługo wprowadzi PWA na iOS. Google już obsługuje PWA w Chrome na Androida i planuje wprowadzić go również na platformy desktopowe. Microsoft dodał także wsparcie dla PWA w Microsoft Edge i wyświetli je również w Microsoft Store.

Co myślisz - są progresywne aplikacje internetowe w przyszłości? Daj mi znać bezpośrednio na @aksinghnet lub napisz komentarz za pośrednictwem poniższej sekcji komentarzy, aby zostawić odpowiedź.