Ce sunt aplicațiile web progresive și cum pot instala una?

Ce sunt aplicațiile web progresive și cum pot instala una?

Aplicațiile domină telefonul. Mult timp, aplicațiile nu v-au influențat desktopul sau browserul în același mod. Asta s-a schimbat în ultimii ani. Aplicațiile web progresive (PWA) cresc din ce în ce mai mult și modifică interacțiunile noastre cu tot felul de site-uri web.





Dar ce este mai exact o aplicație web progresivă? Ce face un PWA pe care nu îl face un site web? Iată ce trebuie să știți despre aplicațiile web progresive.



Ce este o aplicație web progresivă?

Aplicațiile web progresive sunt aplicații web care oferă utilizatorilor un site obișnuit, dar care apar ca o aplicație mobilă nativă. PWA-urile încearcă să aducă utilizabilitatea unei aplicații mobile native la setul de funcții de browser modern, profitând din plin de progresele din ambele domenii de dezvoltare.





Ce definește atunci un PWA?

  • universal : un PWA trebuie să funcționeze perfect (bine, aproape) pentru fiecare utilizator, indiferent de browserul său.
  • Receptiv : PWA-urile ar trebui să funcționeze cu orice dispozitiv, cum ar fi laptopul, tableta, smartphone-ul și așa mai departe.
  • Proiecta : designul trebuie să imite aplicațiile mobile native, adică meniuri simplificate, ușor de găsit, cu interactivitate simplă pentru funcții avansate.
  • Sigur : PWA-urile ar trebui să utilizeze HTTPS pentru a păstra securitatea datelor utilizatorilor.
  • Descoperibil: utilizatorii pot găsi PWA-uri și sunt ușor de identificat ca aplicație (mai degrabă decât ca „site”).
  • Logodnă: un PWA trebuie să aibă acces la caracteristici de implicare native, cum ar fi notificările push.
  • Actualizări: PWA-urile rămân la zi, care deservesc cele mai recente versiuni ale unui serviciu sau site.
  • Instalare: permite utilizatorilor să „instaleze” cu ușurință PWA pe ecranul de pornire fără a avea nevoie de un magazin de aplicații.
  • Distribuire: PWA-urile necesită o singură adresă URL pentru a partaja, fără nicio instalare.

După cum puteți vedea, PWA își propun să ofere utilizatorilor o experiență completă a site-ului web cu caracteristicile simplificate și designul interfeței unei aplicații native.



Cum funcționează o aplicație web progresivă?

Cheia pentru aplicațiile web progresive sunt lucrătorii din serviciile de browser.

Un lucrător de service este un script care rulează în fundalul browserului dvs., „separat de o pagină web, deschizând ușa către funcții care nu necesită o pagină web sau interacțiunea cu utilizatorul”. S-ar putea să folosiți lucrători de service, cum ar fi notificări push și sincronizare în fundal în acest moment, dar viitorul PWA imediat oferă acestor scripturi o putere mai mare.



Ca atare, lucrătorii de servicii formează baza standardului PWA, folosind cache-ul web pentru rezultate aproape instantanee.

Înaintea lucrătorilor de service, scriptul cache al browserului accesat era Application Cache (sau App Cache). Cache-ul aplicației are o gamă largă de servicii offline, dar a fost oarecum predispus la erori. În plus, App Cache are câteva limitări bine cunoscute, cum ar fi O listă în afară explică.



Dar principala problemă pentru dezvoltatori este lipsa interacțiunii directe cu exact modul în care funcționează AppCache, oprindu-i pe dezvoltatori să remedieze cu exactitate problemele pe măsură ce apar. La rândul lor, site-urile și serviciile cu funcționalitate complet offline au fost o alegere riscantă.

Cu toate acestea, lucrătorii de servicii durează doar atât timp cât este necesară acțiunea lor. Într-un PWA, când faceți clic pe ceva sau utilizați o caracteristică, un lucrător de service începe să acționeze. Lucrătorul de servicii (amintiți-vă, este un script) procesează evenimentul, decidând dacă memoria cache offline poate finaliza solicitarea. Ideea este că există mai multe cache-uri offline pentru care PWA poate alege, oferind o gamă mult mai largă de funcționalități offline.

În plus, memoria cache nu este doar pentru creșteri de viteză offline. De exemplu, vă îndreptați către un PWA, dar conexiunea dvs. este extrem de neuniformă. Lucrătorul de service servește un cache anterior, complet funcțional, fără a vă întrerupe experiența.

Suport pentru browser web pentru aplicații progresive

Există două cerințe pentru utilizarea unei aplicații web progresive: un browser compatibil și un serviciu activat PWA.

În primul rând, să ne uităm la browsere. Aveți două opțiuni pentru a verifica suportul browserului PWA. Primul este al lui Jake Archibald Este pregătit pentru lucrătorii de service ? care afișează cu ușurință starea pregătită pentru PWA a principalelor browsere, plus internetul Samsung.

Pentru o prezentare mai detaliată a asistenței browserului PWA, ar trebui să verificați Pot folosi , un site web specializat în listarea implementării diferitelor tehnologii web și browser după versiunea browserului. De exemplu, dacă introduceți „lucrători de servicii” în bara de căutare, veți găsi un tabel care afișează numărul versiunii cu care fiecare browser a implementat lucrătorii de servicii PWA.

Tabelul Can I Use Service Workers confirmă faptul că principalele browsere acceptă toate PWA-urile. De asemenea, ilustrează suportul PWA pentru mai multe browsere alternative pentru desktop și browsere mobile.

Descompunându-l puțin mai mult:

  • Browser desktop (asistență completă): Chrome, Firefox, Opera, Edge, Safari
  • Browser desktop (asistență parțială / versiune învechită): QQ Browser, Baidu Browser
  • Browser mobil (asistență completă): Chrome, Firefox, Safari, UC Browser, internet Samsung, Mint Browser, Wechat
  • Browser mobil (asistență parțială / versiune învechită): QQ Browser, Android Browser, Opera Mobile

Deci, principalele browsere acceptă toate PWA-urile. Microsoft Edge și Safari sunt cele mai recente adăugiri la lista completă de asistență. În schimb, atât browserul QQ, cât și browserul Baidu folosesc acum versiuni învechite și, ca atare, au intrat în al doilea nivel.

Cum să găsiți și să instalați o aplicație web progresivă

Acum, că știți ce browser utilizați, vă puteți gândi să căutați și să instalați un PWA. Pentru acest exemplu, voi folosi un Samsung Galaxy S8 cu Google Chrome.

Aplicațiile web progresive sunt peste tot. Multe companii și-au adaptat site-urile și serviciile pentru a oferi o versiune Progressive Web App. În multe cazuri, veți întâlni mai întâi un PWA atunci când vă îndreptați către pagina de pornire sau site-ul mobil al serviciului, care declanșează Adăugați la ecranul de pornire căsuță de dialog.

Vizionați videoclipul de mai jos pentru a vedea ce se întâmplă când vizitați Site mobil Twitter .

Desigur, vizitarea nenumăratelor site-uri și speranța de a vedea declanșatorul ecranului de pornire nu este utilă. De fapt, consumă de-a dreptul timp. Din fericire, nu trebuie să faceți acest lucru, deoarece există câteva site-uri dedicate catalogării PWA-urilor.

Prima încercare outweb . Enumeră o gamă destul de decentă de PWA-uri, cu noi opțiuni care apar frecvent. Apoi, încercați pwa.rocks. Are o selecție mai mică, dar câteva PWA-uri la îndemână pe care veți dori să le adăugați pe dispozitiv.

Mai mult, în ianuarie 2019, Chrome 72 pentru Android a fost livrat cu Trusted Web Activity (TWA). TWA permite deschiderea filelor Chrome într-un mod independent. La rândul său, acest lucru permite PWA-urilor să apară în magazinul de aplicații Google Play. Primele câteva PWA care au apărut pe Google Play au fost Twitter Lite , Instagram Lite și Google Maps Go , cu mai multe seturi care să apară în timp.

Galerie de imagini (2 imagini) Extinde Extinde Închide

Aplicațiile web progresive vor înlocui aplicațiile native?

Aplicațiile web progresive sunt un pas hibrid excelent între browserul dvs. și o aplicație mobilă nativă. PWA-urile vor înlocui complet aplicațiile native? Este un nu greu de la mine. PWA-urile sunt excelente ca o ofertă ușoară, dar având în vedere că în prezent se concentrează în principal pe replicarea site-urilor și serviciilor existente, nu vor înlocui aplicațiile native.

Cel puțin, deocamdată nu.

cum să inversați culorile în Photoshop

PWA-urile funcționează totuși. Datele disponibile la PWA Stats susțin și acest lucru. Iată câteva numere interesante care ilustrează modul în care PWA ne modifică interacțiunile cu site-urile web utilizate în mod obișnuit:

  • Trivago a înregistrat o creștere a angajamentului cu 150% pentru utilizatorii care își adaugă PWA pe un ecran de pornire.
  • Pagina de pornire Forbes „PWA” se încarcă complet în doar 0,8 secunde, în timp ce afișările pe vizită cresc cu 10%. PWA-ul Forbes a văzut de asemenea lungimile sesiunilor utilizatorilor duble.
  • Twitter Lite a înregistrat o creștere de 65% a paginilor pe sesiune, cu o creștere masivă de 75% a tweet-urilor. De asemenea, este interactiv „în mai puțin de 5 secunde pe 3G”.
  • Alibaba a înregistrat o creștere cu 76% a conversiilor mobile.

PWA-urile nu sunt încă mainstream. Dar, cu gama imensă de avantaje pe care le oferă, cum ar fi economisirea spațiului pe dispozitivul dvs., veți auzi mai multe despre ele în viitor.

Acțiune Acțiune Tweet E-mail Un ghid pentru începători pentru vorbirea animată

Animarea vorbirii poate fi o provocare. Dacă sunteți gata să începeți să adăugați dialog la proiectul dvs., vom descompune procesul pentru dvs.

Citiți în continuare Subiecte asemănătoare Despre autor Gavin Phillips(945 articole publicate)

Gavin este editorul junior pentru Windows și tehnologia explicată, un colaborator obișnuit la Podcast-ul cu adevărat util și un recenzent obișnuit de produse. Are un BA (Hons) Contemporary Writing with Digital Art Practices prădat de pe dealurile din Devon, precum și peste un deceniu de experiență profesională în scriere. Îi place cantități abundente de ceai, jocuri de societate și fotbal.

Mai multe de la Gavin Phillips

Aboneaza-te la newsletter-ul nostru

Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!

Faceți clic aici pentru a vă abona