Aplicații Web Progresive - Viitorul Webului Modern?

Aceste aplicații Web Progresive (PWA) sunt discuțiile despre oraș, în principal datorită uimitoarei lor utilizări și experienței unice a utilizatorilor. Cu caracteristicile combinate ale site-urilor Web și ale aplicațiilor native, PWA-urile devin o normă pentru aplicațiile web cu mai multe dispozitive permițând dezvoltatorilor să construiască aplicații dinamice de încărcare rapidă fără a utiliza cadre hibride.

Cred că Apps Web Progresiv sunt viitorul site-urilor web - și în următoarea scriere voi discuta despre beneficiile sale și despre cazurile de utilizare pentru a vă oferi întreaga imagine. Să mergem la asta.

Ce sunt Aplicațiile Web Progresive?

Termenul “Programe Web Progresive” a fost inventat pentru prima oară de Alex Rusell (dezvoltator de Google Chrome) și de Frances Berriman (un designer). Alex și-a împărtășit ideea despre Aplicațiile Web Progresive “Aceste aplicații nu sunt ambalate și distribuite prin magazine, sunt doar site-uri care au luat toate vitaminele potrivite“.

“Site-urile care doresc să vă trimită notificări sau să fie pe ecranul de pornire trebuie să câștige acest drept în timp, pe măsură ce le folosiți din ce în ce mai mult. Ele devin treptat “aplicaţii”“, a scris Alex despre aptitudinea PWA. În cele din urmă, a concluzionat el, “aceste aplicații pot furniza un eveniment o experiență mai bună pentru utilizatori decât aplicațiile web tradiționale“.

Aplicații Web vs. Aplicații Web Progresive

Aplicațiile Web sau aplicațiile web tradiționale sunt aplicațiile de pe partea clientului rulați direct într-un browser web. Deși sunt mai bune decât site-urile web, acestea au probleme. Dacă nu cunoașteți diferența dintre aplicațiile web și site-uri, aplicațiile web diferă de site-uri web, deoarece aplicațiile web arată și se simt ca aplicații native.

Acestea fiind spuse, aplicațiile web progresive sunt generația viitoare de aplicații web care funcționează mai mult ca aplicațiile native, utilizând accesoriile native ale dispozitivului. De exemplu, Aplicațiile Web Progresive pot să utilizeze caracteristicile native cum ar fi aparatul de fotografiat, balize, etc, împreună cu caracteristici cum ar fi offline cache, notificări push, etc.

De ce avem nevoie de Aplicații Web Progresive?

Avem aplicații native, pe de o parte, care sunt incredibil de rapide și de încredere chiar și în cele mai grave situații, cum ar fi conectivitatea lentă sau deloc. Dar, pe de altă parte, avem site-uri web și aplicații web care sunt lente și nu funcționează bine în condiții de rețea. De aceea majoritatea oamenilor preferați aplicațiile native.

Accelerate Mobile Pages (AMP), un proiect încurajat de Google, a fost demarat în 2016 la rezolvați probleme de conectare lentă, în special pe smartphone-uri, și oferă utilizatorilor de telefonie mobilă o experiență mai bună. Cu toate acestea, AMP nu rezolvă probleme legate de probleme de rețea. De asemenea, nu accelerează timpul de încărcare la fel de mult ca aplicațiile native și, din nou, posedă câteva limitări pentru a atinge această viteză.

De aceea avem nevoie de Aplicații Web Progresive. PWA furnizează cea mai bună experiență posibilă de utilizare în rețea lentă sau fără rețea Condiții. De exemplu, PWA poate afișa un ecran de progres atunci când încarcă conținutul sau un ecran de pornire atunci când nu există conectivitate web, respectiv.

De ce aplicațiile web progresive au sens?

După cum se specifică în Raportul aplicațiilor mobile din 2017 al comScore, utilizatorii de aplicații cheltuiesc aproape 77 la sută din timpul lor în primele trei aplicații, în timp ce restul aplicațiilor rămân inactive, dar blochează încă resursele de sistem, inclusiv memoria. Mai mult decât atât, împărtășește acest lucru 50% dintre utilizatori descarcă aplicații zero pe lună. Acest fapt sugerează că utilizatorii ezită să instaleze noi aplicații și astfel PWA are un avantaj.

Am descoperit că cei mai mulți oameni merg pe site-uri pe desktop-uri, dar preferă aplicații pe dispozitive mobile (aplicații native, desigur). Din acest motiv, computerele oferă mult mai multe resurse de rețea decât telefoanele inteligente, iar aplicațiile consumă mai puține resurse decât site-urile web similare. De asemenea, ele sunt rapide și fiabile.

Mai mult decât atât, aplicațiile native costă mult mai mult decât site-urile web - de până la cinci până la zece ori mai mult, în funcție de tipul de proiect. De asemenea, costul lor se poate multiplica dacă este necesar să dezvolți aplicații native pentru mai multe platforme (de exemplu Android și iOS) cu baze de cod diferite. Cu toate acestea, PWA vă poate ajuta să minimalizeze astfel de costuri ridicate de dezvoltare, datorită suportului pentru diferite platforme.

Caracteristici progresive ale Aplicațiilor Web

Aplicațiile web progresive au multe caracteristici directe care le fac distincte decât omologii simpli, adică aplicațiile web (sau cele mai simple - site-uri web):

• sensibil. Lucrați pe toate dispozitivele de orice dimensiune a ecranului.
• Offline-Primul. Încărcați în rețea lentă sau nu, de asemenea.
• App-like. Uită-te și interacționează ca o aplicație nativă.
• La zi. Actualizați pe cont propriu, aproape transparent.
• Sigur și sigur. Utilizați HTTPS pentru a încărca resurse de pagină.
• Detectabil. Utilizați conținut pentru motoarele de căutare.
• Re-angajabil. Re-angajați, de exemplu, folosind notificările.
• instalabile. Pot fi plasate pe ecranul dvs. de pornire.
• legabil. Încărcați pagini asemănătoare cu aplicațiile, dar cu adrese URL.

Ceea ce mi se pare interesant este că Aplicațiile Web Progresive nu doar arată și se simt ca și aplicații native, dar au și ele accesul la caracteristicile native ale dispozitivului. Asta înseamnă că un PWA vă poate lua o clipă folosind aparatul foto al aparatului. Cu toate acestea, trebuie să împărtășesc faptul că nu are acces la caracteristici limitate, cum ar fi locația, telefonul sau SMS-ul.

Notă: Puteți citi mai multe despre caracteristicile sale și alte detalii în acest post.

Crearea de aplicații web progresive?

Google oferă o “Lista de verificare a aplicațiilor web progresive” - o listă detaliată pentru a ajuta începătorii să creeze Aplicații Web Progresive. Această listă fără ghid împărtășește caracteristicile necesare pentru a crea PWA-uri - A “PWA de bază” si un “Exemplar PWA”; prima conține listele esențiale pentru o aplicație de bază și cea din urmă pentru o aplicație avansată.

În plus, există diferite instrumente care vă ajută în construirea unui PWA. De exemplu, Lighthouse este o sursă liberă, open-source instrument pentru a îmbunătăți o pagină web inclusiv verificări de calitate pentru accesibilitate, performanță și caracteristici PWA. Un alt instrument util este Workbox, care ajută la să construiască aplicații cu experiență de prima dată offline.

Aplicațiile Web Progresive sunt viitorul?

Deși aplicațiile web progresive nu pot rezolva toate problemele legate de aplicații sau pot înlocui aplicațiile native într-un viitor apropiat, cred că va juca un rol semnificativ datorită beneficiile sale care sunt mult mai mult decât limitele sale. Și cu aproape toate platformele mari care încep să susțină PWA-urile, nu este departe de a le vedea peste tot.

Apple a introdus caracteristici PWA (API-uri Web) în Safari 11.1, inclusiv Beacon API, Service Workers, Manifest Web App, etc .; aducând astfel PWA-uri în iOS în curând, dacă nu deja. Google a sprijinit deja PWA-urile în Chrome pentru Android și intenționează să le aducă și pe platforme desktop. Microsoft a adăugat, de asemenea, suport pentru PWA în Microsoft Edge și le va lista și în Microsoft Store.

Tu ce crezi - sunt Aplicațiile Web Progresive pe viitor? Anunță-mă direct la @aksinghnet sau scrie un comentariu prin secțiunea de comentarii de mai jos pentru a lăsa răspunsul tău.