Progresívne webové aplikácie - budúcnosť moderného webu?

V týchto dňoch sa hovorí o meste progresívnych webových aplikácií (PWA), a to hlavne kvôli úžasnej použiteľnosti a jedinečnej skúsenosti používateľov. S kombinovanými funkciami webových stránok a natívnych aplikácií sa PWA stávajú normou pre webové aplikácie s viacerými zariadeniami čo umožňuje vývojárom vytvárať dynamické aplikácie s rýchlym načítaním bez použitia hybridných rámcov.

Verím, že progresívne webové aplikácie sú budúcnosti webových stránok - a v nasledujúcom písaní budem diskutovať o jeho výhodách a príprave použitia, aby vám celý obraz. Poďme sa na to.

Čo sú progresívne webové aplikácie?

Termín “Progresívne webové aplikácie” bol prvý raz vytvorený Alex Rusell (vývojár Google Chrome) a Frances Berriman (dizajnér). Alex zdieľal svoju predstavu o progresívnych webových aplikáciách “Tieto aplikácie nie sú zabalené a nasadené prostredníctvom obchodov, sú to jednoduché webové stránky, ktoré získali všetky správne vitamíny“.

“Stránky, ktoré vám chcú posielať upozornenia alebo byť na vašej domovskej obrazovke, si musia toto právo získať v priebehu času, keď ich stále viac a viac používate. Postupne sa stávajú “aplikácie”“, napísal Alex o pripravenosti PWA. Nakoniec to skončil, “tieto aplikácie môžu priniesť rovnomerné lepšie používateľské skúsenosti ako tradičné webové aplikácie“.

Webové aplikácie vs. progresívne webové aplikácie

Webové aplikácie alebo tradičné webové aplikácie sú aplikácie na strane klienta spustiť priamo vo webovom prehliadači. Aj keď sú lepšie než webové stránky, majú problémy. Ak nepoznáte rozdiel medzi webovými aplikáciami a webovými stránkami, webové aplikácie sa líšia od webových stránok, pretože webové aplikácie vyzerajú a cítia sa ako natívne aplikácie.

To je povedané, Progressive Web Apps sú ďalšej generácie webových aplikácií ktoré fungujú viac ako nativné aplikácie s využitím natívnych vylepšení zariadenia. Napríklad Progresívne webové aplikácie môžu využívať natívne funkcie ako fotoaparát, majáky atď., spolu s funkciami, ako je offline cache, upozornenia push, atď.

Prečo potrebujeme progresívne webové aplikácie?

Máme natívne aplikácie, ktoré sú na jednej strane neuveriteľne rýchle a spoľahlivé aj v najhorších situáciách, ako je pomalá alebo žiadna konektivita. Ale potom máme webové stránky a webové aplikácie, na druhej strane, ktoré sú pomalé a nefungujú dobre bez sieťových podmienok. To je dôvod, prečo väčšina ľudí preferovať natívne aplikácie.

Akcelerované mobilné stránky (AMP), projekt podporovaný spoločnosťou Google, sa začali v roku 2016 vyriešiť problémy s pomalým pripojením, najmä na smartfónoch, a poskytnúť používateľom mobilných služieb lepšie používateľské prostredie. AMP však nevyrieši problémy bez problémov so sieťou. Tiež to nezrýchľuje čas načítania rovnako ako natívne aplikácie a opäť má obmedzenia na dosiahnutie tejto rýchlosti.

Preto potrebujeme progresívne webové aplikácie. PWA poskytujú najlepšie možné používateľské prostredie v pomalej alebo žiadnej sieti podmienky. Napríklad PWA môže zobrazovať obrazovku pokroku pri načítavaní obsahu alebo úvodnej obrazovky, ak nie je pripojenie k internetu.

Prečo progresívne webové aplikácie majú zmysel?

Ako sme uviedli v Správe o mobilných aplikáciách v USA v roku 2017 spoločnosti comScore, používatelia aplikácií minú takmer 77 percent svojho času na svojich prvých troch aplikáciách, zatiaľ čo zvyšok aplikácií zostáva nečinný, ale stále blokuje systémové zdroje vrátane pamäte. Okrem toho to tiež zdieľa 50 percent užívateľov sťahuje nula aplikácií mesačne. Táto skutočnosť naznačuje, že používatelia váhajú s inštaláciou nových aplikácií a PWA má teda výhodu.

Myslím, že ľudia väčšinou chodia na webové stránky na pracovných plochách, ale uprednostňujú aplikácie na mobilných zariadeniach (natívne aplikácie, samozrejme). Dôvodom je, že počítače ponúkajú oveľa viac sieťových zdrojov ako inteligentné telefóny a aplikácie spotrebúvajú menej zdrojov ako ich webové stránky. Tiež sú rýchle a spoľahlivé.

Navyše, natívne aplikácie stojí oveľa viac ako webové stránky - až päť až desaťkrát alebo viac v závislosti od typu projektu. Tiež ich náklady sa môžu rozmnožiť, ak je potrebné vyvinúť natívne aplikácie pre viaceré platformy (napríklad Android a iOS) s rôznymi základňami kódov. PWA však môže pomôcť minimalizovať také vysoké náklady na vývoj, vďaka podpore rôznych platforiem.

Funkcie progresívnych webových aplikácií

Progresívne webové aplikácie majú mnoho priamych funkcií, ktoré ich odlišujú od ich jednoduchších náprotivkov, t. J. Webových aplikácií (alebo jednoduchších webových aplikácií):

• vnímavý. Pracujte na všetkých zariadeniach akejkoľvek veľkosti obrazovky.
• Offline-first. Zaťaženie v pomalej alebo žiadnej sieti.
• App-like feel. Pozrite sa a interagujte ako natívna aplikácia.
• Aktuálny. Aktualizujte sami, takmer transparentne.
• Bezpečné a bezpečné. Na načítanie zdrojov stránok použite protokol HTTPS.
• zistiteľný. Využite obsah pre vyhľadávače.
• Re-zábere. Re-engage, povedzme pomocou upozornení.
• inštalovateľný. Môžu byť umiestnené na vašej domovskej obrazovke.
• prepojenie. Načítať stránky podobné aplikáciám, ale s adresami URL.

Zaujímavé je, že progresívne webové aplikácie nielen vyzerajú a cítia sa ako natívne aplikácie, ale tiež prístup k natívnym funkciám zariadenia. Znamená to, že PWA vás môže zachytiť pomocou fotoaparátu vášho prístroja. Musím však zdieľať, že nemá prístup k obmedzeným funkciám, ako je napríklad miesto, telefón alebo SMS.

Poznámka: Ďalšie informácie o funkciách a ďalších podrobnostiach nájdete v tomto príspevku.

Vytváranie progresívnych webových aplikácií?

Spoločnosť Google poskytuje a “Kontrolný zoznam progresívnych webových aplikácií” - zoznam podrobností, ktorý vám pomôže začiatočníkom vytvoriť progresívne webové aplikácie. Tento zoznam bez pokynov zdieľa potrebné funkcie na vytvorenie PWA - “Východisková PWA” a an “Príklady PWA”; Prvý zoznam obsahuje dôležité veci pre základnú aplikáciu a druhý pre rozšírenú aplikáciu.

Navyše existujú rôzne nástroje, ktoré vám pomôžu pri budovaní PWA. Napríklad Lighthouse je bezplatný open-source nástroj na vylepšenie webovej stránky vrátane kontroly kvality prístupnosti, výkonu a funkcií PWA. Ďalším funkčným nástrojom je Workbox, ktorý pomáha vytvárať aplikácie s prvou skúsenosťou offline.

Sú budúcnosť progresívne webové aplikácie?

Napriek tomu, že progresívne webové aplikácie nemusia v najbližšej budúcnosti vyriešiť všetky naše problémy s aplikáciami alebo nahradiť natívne aplikácie, domnievam sa, že to bude vďaka jeho výhody, ktoré sú oveľa viac ako jeho obmedzenia. A s takmer každou veľkou platformou, ktorá začína podporovať PWA, nie je ďaleko, uvidíme ich všade.

Apple predstavil funkcie PWA (Web API) v Safari 11.1 vrátane Beacon API, Service Workers, Manifest Web App atď .; čím čoskoro prinesie PWA do iOS, ak ešte nie. Spoločnosť Google už v systéme Chrome prehliadač Android podporovala platformy PWA a plánuje ich aj na platformy pre stolné počítače. Spoločnosť Microsoft tiež pridala podporu pre produkty PWA v programe Microsoft Edge a zoznam ich tiež uvádza v obchode Microsoft Store.

Co si myslis - sú progresívne webové aplikácie budúcnosti? Dajte mi vedieť priamo na adresu @aksinghnet alebo napíšte komentár v časti nižšie uvedených komentárov a nechajte svoju odpoveď.