au trecut ani de la începutul vârstei smartphone-ului. Odată cu aceasta a venit epoca aplicațiilor native. Aplicațiile continuă să joace un rol masiv în viața noastră de zi cu zi și mulți proprietari de afaceri s-au întrebat de mai multe ori: ar trebui să avem o aplicație? Desigur, singurul răspuns la asta este-depinde. Construirea și întreținerea unei aplicații native este greoaie și adesea destul de costisitoare. Din fericire, există o altă opțiune. Această opțiune combină bucuriile unei aplicații native cu tehnologia pe care o folosim pe web: aplicația web progresivă, alias PWA.

ce este un PWA?

PWA standuri pentru progressive Web app. Aceasta este o aplicație construită din tehnologiile web pe care le cunoaștem și le iubim cu toții, cum ar fi HTML, CSS și JavaScript, dar cu o senzație și funcționalitate care rivalizează cu o aplicație nativă reală. Datorită câtorva adăugiri inteligente, puteți transforma aproape orice site web într-o aplicație web progresivă. Aceasta înseamnă că puteți construi un PWA destul de repede, în ceea ce privește o aplicație nativă destul de dificil de dezvoltat. În plus, puteți oferi toate caracteristicile aplicațiilor native, cum ar fi notificările push, Asistența offline și multe altele.

multe site-uri pe care le găsiți online sunt de fapt o aplicație web progresivă. Ia twitter.com de exemplu. Dacă vizitați site-ul respectiv pe telefonul smartphone, îl puteți instala pe ecranul de pornire. Acum, la deschiderea site-ului Twitter salvat, veți observa că arată și funcționează la fel ca o aplicație nativă. Nu există nici o fereastră de browser sau nimic. Nu există nicio diferență în rularea acestuia de pe un iPhone sau un smartphone Android. Pur și simplu conectați-vă și sunteți bine să mergeți. Acesta este un beneficiu major al construirii aplicației dvs. web având în vedere un PWA.

PWA câștigă popularitate. Multe site-uri mari sunt PWA-uri, cum ar fi Starbucks.com, Pinterest.com, Washingtonpost.com și Uber.com sunt de fapt instalabile pe ecranul de pornire și oferă o experiență comparabilă cu aplicațiile lor native.

care este diferența dintre o aplicație nativă și un PWA?

o aplicație nativă, precum cele pe care le descărcați din Apple App Store sau Google Play Store, este adesea construită într-un limbaj de programare specific acelei platforme. Deci, pentru aplicațiile iOS, care ar fi Swift și pentru aplicațiile Android, Java. Dacă doriți să construiți o aplicație pentru aceste platforme, trebuie să cunoașteți tehnologia. Da, există comenzi rapide, dar acestea vin cu propriile limitări. Dacă doriți să aveți o aplicație pe toate platformele mobile, trebuie să cunoașteți toate tehnologiile diferite. Nu există o modalitate ușoară de a construi unul și de a-l publica în toate magazinele de acolo.desigur ,există modalități de a obține cele mai bune din ambele lumi. O aplicație web progresivă, de exemplu. Aceasta rulează în browser și — odată salvată pe ecranul de pornire-funcționează ca o aplicație nativă. Are chiar acces la hardware-ul și software-ul de bază pe care browserul nu le poate accesa din motive de siguranță. Dacă PWA funcționează excelent, utilizatorii nu vor ști niciodată că folosesc o aplicație bazată pe web în loc de una nativă.

există unele avertismente, desigur. În timp ce browserele au adoptat rapid tehnologia pentru acest lucru, există încă unele limitări. Pe iOS, tehnologia necesară funcționează în Safari. Apple nu (vrea) să susțină totul încă, făcându-l un pic de corvoadă pentru a obține aceeași experiență exactă peste tot.

care sunt beneficiile unui PWA?

principalul motiv pentru care toată lumea urmărește aplicațiile este pentru că oferă un angajament mai mare. Utilizatorii care instalează aplicația dvs. sunt cei mai mari fani ai dvs. și sunt mai predispuși să transforme utilizarea lor în vânzări sau înscrieri. Datorită notificărilor push, este mult mai ușor să vă reluați cu utilizatorii. Aplicațiile pot oferi o experiență excelentă care poate face bine pentru un brand.

am vorbit despre unele dintre plusses de PWA în acest articol, dar aici este o scurtă prezentare generală:

• nu trebuie să treacă prin procesul de a intra în diferite magazine de aplicații
• puteți construi PWA cu tehnologii web comune
• acestea sunt adesea mai ieftine pentru a construi
• Din moment ce sunteți de cotitură site-ul dvs. într-o aplicație, veți avea mai puține baze de cod pentru a menține
• PWA sunt receptive și de a lucra cu mai multe dimensiuni de ecran diferite
• PWA bucăți de bani pentru Google și Apple
• ei lucrează offline, spre deosebire de site-ul dvs. obișnuit
• PWA-urile sunt descoperite prin intermediul motoarelor de căutare (care au mult mai mari publicul decât magazinele de aplicații. În plus, dacă doriți, puteți obține în continuare PWA-urile distribuite prin magazinele de aplicații)
• puteți utiliza notificările push pentru a reangaja utilizatorii
• instalarea unui PWA poate duce la o implicare mai mare

totuși, aplicațiile native câștigă uneori. PWA-urile au acces din ce în ce mai profund la sistemul de operare al unui smartphone, dar o aplicație nativă poate merge și mai adânc. În plus, există limite la ceea ce poate face un PWA. De exemplu, PWA-urile nu sunt cea mai bună alegere atunci când doriți să construiți jocuri de înaltă performanță.

În general, are mult sens să te gândești să ai un PWA în strategia ta mobilă. Dar, principala întrebare pe care ar trebui să ți-o pui este: publicul meu își dorește acest lucru?

pentru cine e asta?

ar trebui ca toată lumea să construiască pur și simplu un PWA și să termine cu el? Nu, luați în considerare afacerea dvs. și — mai important — publicul țintă. Folosesc chiar și aplicații? Nu este acesta un mod prea complex de a ajunge la ceea ce vrei să obții? Din nou, ca orice, trebuie să cercetezi nevoile publicului tău. Întrebați-vă, ce doriți să facă această tehnologie? Unde sunt utilizatorii tăi? Au o conexiune de date bună și hardware solid? Cum și unde folosesc conținutul tău? Și credeți că o aplicație îi poate ajuta să-și facă treaba mai bine?

PWA-urile sunt minunate și implementarea lor nu trebuie să fie atât de dificilă. Dar doar pentru că este ușor nu înseamnă că ar trebui să o faci. Dacă publicul tău nu are nevoie de asta, de ce ai construi unul?

care sunt preocupările SEO ale unui PWA?

PWA este inerent centrat pe web. Acesta a fost născut de pe web și dezvoltat cu motoarele de căutare în minte pentru a face descoperirea ușoară. Desigur, puteți face o aplicație web progresivă din orice site vechi și nu este nevoie de mult pentru a face acest lucru. Cu toate acestea, multe PWA-uri folosesc JavaScript pentru a construi funcționalități mai complexe și, în timp ce motoarele de căutare au devenit apte să redea JavaScript, poate fi totuși un motiv de îngrijorare.

când configurați un PWA, trebuie să vă asigurați că JavaScript este accesibil. Nu blocați fișierele pentru roboți și asigurați-vă că linkurile sunt disponibile. Pentru a îmbunătăți procesul de redare, puteți face ca cadrul JavaScript să utilizeze randarea din partea serverului.

transformarea site-ului dvs. într-un PWA nu înseamnă că îmbunătățiți direct SEO-ul site-ului respectiv. Dacă are sens să vă transformați site-ul într-un PWA, faceți acest lucru, dar nu o faceți pentru niciun beneficiu SEO perceput. Dacă aveți un PWA excelent, oferiți utilizatorilor dvs. o experiență fantastică de utilizator, ceea ce vă poate face să vă creșteți concurența. În acest sens, este o idee bună să le aruncați o privire pentru strategia dvs. de SEO mobilă.

care sunt cele trei blocuri principale?

nu este nevoie de mult pentru a configura un PWA. Există trei lucruri pe care trebuie să le furnizați înainte ca site-ul dvs. să se transforme într-un PWA valid.

• o conexiune securizată (HTTPS): PWA-urile funcționează numai pe conexiuni de încredere, trebuie să le serviți printr-o conexiune securizată. Acest lucru nu este doar din motive de securitate, ci este și un factor de încredere foarte important pentru utilizatori.
• un lucrător de serviciu: un lucrător de serviciu este o bucată de script care rulează în fundal. Acest lucru vă ajută să determinați cum să gestionați solicitările de rețea pentru PWA, făcând posibilă o muncă mai complexă.
• fișierul manifest: acest fișier JSON conține informații despre modul în care PWA ar trebui să apară și să funcționeze. Aici, determinați numele, descrierea, pictogramele, culorile etc.

Iată un exemplu de manifest de la Google:

nu pare prea greu, nu? Câteva lucruri interesante în această listă:

• start-url: aceasta determină unde ar trebui să înceapă aplicația dvs. Este mai bine să permiteți utilizatorilor să aterizeze pe o anumită pagină pentru dvs.
• display: acest lucru vă ajută să determinați ce tip de UI de browser doriți să afișați. Opțiunile suntfullscreenstandaloneminimal-ui și interfața standardbrowser.

aceste trei lucruri enumerate mai sus sunt cerințele minime pentru rularea unui PWA. Puteți extinde funcționalitatea prin JavaScript (cadre).

cum se configurează un PWA?

există o mulțime de resurse pentru a încerca mâna la construirea unui PWA simplu. Acest lucru vă permite să obțineți o senzație pentru proces. Google are un excelent, ușor de urmat tutorial pe PWA pe web.site-ul dev. Mozilla are o mulțime de documentație privind construirea de aplicații web progresive. Microsoft are, de asemenea, documente bogate pentru dezvoltatori pentru construirea PWA-urilor. Microsoft a construit chiar și un instrument numit PWABuilder care vă va ajuta să vă transformați site-ul într-un PWA. Desigur, există pluginuri WordPress care vă ajută să creați un PWA al site-ului dvs. În plus, Google lucrează la aducerea suportului de bază pentru PWA la WordPress Core.

angajați-vă utilizatorii cu o aplicație web progresivă

aplicațiile web progresive pot fi un plus excelent pentru setul dvs. de instrumente mobile. Realizate bine, sunt rapide, funcționează offline și funcționează ca o aplicație nativă. Toate în toate, ele pot oferi utilizatorilor o experiență de utilizator minunat. Utilizatorii implicați sunt utilizatori fericiți, nu?