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

Ce sunt aplicațiile web progresive și cum instalez una? / Tehnologie explicată

Aplicațiile domină telefonul dvs. 10 Aplicații Android care vă vor face viața mult mai ușoară 10 aplicații Android care vă vor face viața mult mai ușoară Viața este complicată - dar aceste aplicații pot face puțin mai ușor să navigați. Citeste mai mult . Și în timp ce aplicațiile nu influențează prea mult desktopul sau browserul în același mod, aspectul pare a fi schimbat. Aplicațiile Web Progresive (PWA) cresc în creștere, deoarece mai multe browsere oferă suport.

Dar ce anume este o aplicație progresivă pe Web și ce va face pentru dvs.? Iată tot ce trebuie să știți.

Ce este o aplicație web progresivă?

Aplicațiile web progresive sunt aplicații web care oferă un site obișnuit utilizatorilor, dar apar ca o aplicație mobilă nativă. PWA-urile încearcă să aducă utilitatea unei aplicații mobile native la setul de caracteristici ale browserului modern, profitând pe deplin de avantajele din ambele domenii de dezvoltare.

Ceea ce definește un PWA, atunci?

  • universal: Un PWA trebuie să funcționeze fără probleme (bine, aproape) pentru fiecare utilizator, indiferent de browser.
  • sensibil: PWA-urile ar trebui să funcționeze cu orice dispozitiv, cum ar fi laptopul, tableta, smartphone-ul și așa mai departe.
  • Proiecta: Designul ar trebui să imite aplicații mobile native, adică meniuri simplificate și ușor de găsit, cu o interactivitate simplă pentru caracteristici avansate.
  • Sigur: PWA-urile ar trebui să utilizeze HTTPS pentru a păstra datele utilizatorilor sigure.
  • Detectabil: Utilizatorii pot găsi PWA-uri și sunt ușor de identificat ca o aplicație (mai degrabă decât o “teren”).
  • Logodnă: Un PWA trebuie să aibă acces la funcții de implicare nativă, cum ar fi notificările push.
  • Actualizări: PWA-urile rămân la zi, servind cele mai recente versiuni ale unui serviciu sau site-ului.
  • Instalare: Permite utilizatorului cu ușurință “instalare” PWA la ecranul inițial fără a avea nevoie de un magazin de aplicații.
  • Partajarea: Aplicațiile PWA necesită doar o singură adresă URL pentru a permite partajarea, fără nici o instalare.

După cum puteți vedea, PWA-urile urmăresc să ofere utilizatorilor o experiență completă a site-ului cu caracteristicile raționalizate și designul interfeței unei aplicații native.

Programe Web Progresive și Lucrători în Servicii

Cheia aplicațiilor web progresive sunt lucrătorii serviciului de navigare.

Un lucrător de serviciu este un script care rulează în fundalul browserului, “separate de o pagină web, deschizând ușa pentru funcții care nu au nevoie de o pagină web sau de interacțiunea cu utilizatorul.” S-ar putea să folosiți notificatori push și sincronizarea fundalului Cum să dezactivați notificările enervante pe Chrome, Firefox, Safari și mai multe Cum să dezactivați notificările enervante în Chrome, Firefox, Safari și mai multe Iată cum puteți dezactiva notificările de browser care pot cauza erori în Chrome, Safari, Opera, Firefox și Microsoft Edge. Citiți mai multe în acest moment, dar viitorul PWA imediat oferă acestor scripturi o putere mai mare.

Ca atare, lucrătorii din servicii constituie fundamentul standardului PWA, folosind cache-ul web pentru rezultate aproape instantanee.

Înainte de lucrătorii din serviciul de serviciu, scriptul de cache al browser-ului a fost Cache de aplicații (sau Cache de aplicații). Cache-ul de aplicații este disponibil într-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 explică A List Apart.

Dar problema principală pentru dezvoltatori este lipsa de interacțiune directă cu exact cum funcționează AppCache, oprindu-i pe dezvoltatori cu rezolvarea corectă a problemelor pe măsură ce apar. La rândul lor, site-urile web și serviciile cu funcționalitate completă offline au fost o alegere riscantă.

Cu toate acestea, lucrătorii care lucrează în serviciul de întreținere au nevoie numai de acțiunea lor. Într-un PWA, atunci când faceți clic pe ceva sau utilizați o caracteristică, un lucrător de serviciu revine în acțiune. Operatorul de servicii (amintiți-vă, este un script) procesează evenimentul, hotărând dacă cache-ul offline poate finaliza solicitarea. Ideea este că există mai multe cache-uri offline pentru PWA de a alege de la, oferind o gamă mult mai largă de funcționalitate offline.

În plus, memoria cache nu este doar pentru creșterea vitezei offline. De exemplu, vă îndreptați spre un PWA, dar conexiunea dvs. este extrem de neuniformă. Lucrătorul de serviciu servește o memorie cache anterioară, funcționând pe deplin, fără a vă întrerupe experiența.

PWA: Care sunt opțiunile browserului dvs.?

Există două cerințe pentru utilizarea unui PWA: un browser compatibil și un serviciu activat de PWA.

În primul rând, să examinăm browserele. Este PWA pregătit? site-ul este cel mai bun mod de a verifica suportul browserului.

Sparge-o puțin mai mult:

  • Browser desktop (suport complet): Chrome, Firefox, Opera, browserul QQ, browserul 360
  • Desktop browser (suport buggy): Safari, Microsoft Edge
  • Browser mobil (suport complet): Chrome, Firefox, Xiaomi, Browser UC, Baidu, Wechat, Sogou, 360 Browser, Quark
  • Browser mobil (suport parțial): Samsung, browser-ul QQ
  • Browserul mobil (suport buggy): ghepard

Deci, majoritatea browserelor susțin toate PWA-urile. În cazul Microsoft Edge și Safari, va apărea foarte curând sprijin suplimentar PWA.

Găsirea și instalarea PWA

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

Deja, PWA-urile sunt peste tot. Multe companii își adaptează site-urile și serviciile pentru a oferi funcționalitate PWA. Cu toate acestea, nu există o singură metodă de siguranță prin care să se găsească încă un PWA. PWA-urile nu sunt instalate în Magazin Google Play sau în App Store. Din experiența mea, accesând site-ul mobil al unei companii sau al unui serviciu declanșează, de obicei, Adăugați la ecranul de pornire căsuță de dialog.

Consultați videoclipul de mai jos pentru a vedea ce se întâmplă când vizitați site-ul mobil Twitter.

Odată ce atingeți Adăugați la ecranul inițial butonul PWA va apărea în sertarul dvs. de aplicații. Aproape ca instalarea unei aplicații în mod normal de pe Google Play.

Desigur, vizitarea nenumăratelor site-uri și speranța de a vedea declanșarea ecranului de start nu este utilă. De fapt, este chiar consumator de timp. În prezent, nu există prea multe site-uri dedicate pentru listarea PWA-urilor, iar cele care există nu accesează cu crawlere web-ul ca un motor de căutare. Cum funcționează motoarele de căutare? Cum funcționează motoarele de căutare? Pentru mulți oameni, Google este internetul. Este, probabil, cea mai importantă invenție de la Internet în sine. Și în timp ce motoarele de căutare s-au schimbat foarte mult de atunci, principiile care stau la baza sunt încă la fel. Citeste mai mult .

În primul rând, încercați să ieșiți. Acesta afișează o gamă destul de decentă de PWA-uri, cu noi opțiuni care apar frecvent. În continuare, încercați pwa.rocks. Are o selecție mai mică, dar unele PWA-uri la îndemână pe care doriți să le adăugați pe dispozitiv.

PWA-urile vor înlocui aplicațiile native?

Aplicațiile Web Progresive reprezintă un pas excelent între browserul dvs. și o aplicație nativă. Vor înlocui complet aplicațiile native? Având în vedere că accentul lor actual este la site-urile și serviciile existente, nu la momentul actual.

Cu siguranță vom vedea mai multe crossover-uri. Statisticile disponibile de la PWA Statistici susțin și acest lucru. Iată câteva numere interesante pe care le puteți face:

  • Trivago a înregistrat o creștere a angajamentului de 150% pentru utilizatorii care au adăugat PWA la un ecran de pornire.
  • Forbes "PWA “încărcări în 2,5 secunde,” în timp ce afișările pe vizită au crescut cu 10%. PWA de la Forbes a văzut, de asemenea, dublul lungimii sesiunii de utilizatori.
  • Twitter Lite a înregistrat o creștere de 65% a paginilor pe sesiune, cu o creștere masivă de 75% a numărului de tweet-uri.
  • Alibaba a înregistrat o creștere de 76% a numărului de conversii mobile.

PWA-urile încă nu sunt integrate. Dar cu o gamă imensă de beneficii pe care le oferă, cum ar fi economisirea spațiului pe dispozitivul dvs. Salvați spațiul de stocare cu aceste aplicații Android de 7 Lite Salvați pe spațiul de stocare cu aceste aplicații Android de 7 Lite Dacă aveți un dispozitiv mai vechi sau doar un telefon Android ieftin, aceste aplicații vor fi mult mai bune pentru tine decât omologii lor principali. Citiți mai multe, veți auzi despre ele din ce în ce mai mult pe parcursul anului 2018 și după aceea.

Explorați mai multe despre: Aplicații Android, Aplicații Web Progresive, Web.