Progressive Web Apps - prihodnost sodobnega spleta?

Dandanes Progressive Web Apps (PWA) govorijo o mestu, predvsem zaradi svoje neverjetne uporabnosti in edinstvene uporabniške izkušnje. S kombiniranimi funkcijami spletnih mest in domačih aplikacij postajajo PWA postali norma za spletne aplikacije za več naprav omogoča razvijalcem, da izdelajo dinamične aplikacije, ki se hitro nalagajo brez uporabe hibridnih okvirov.

Verjamem, da so napredne spletne aplikacije prihodnosti spletnih strani - in v nadaljevanju pišem bom razpravljal o njegovih koristih in uporabil primere, da vam dam celotno sliko. Pojdimo na to.

Kaj so napredne spletne aplikacije?

Izraz “Progressive Web Apps” je najprej skoval Alex Rusell (razvijalec Google Chroma) in Frances Berriman (oblikovalec). Alex je delil svojo idejo o naprednih spletnih aplikacijah “Te aplikacije niso pakirane in razporejene prek trgovin, saj so samo spletne strani, ki so jemale vse prave vitamine“.

“Spletna mesta, ki vam želijo pošiljati obvestila ali biti na vašem domačem zaslonu, si morajo sčasoma zaslužiti to pravico, saj jih vedno bolj uporabljate. Postopoma postajajo “aplikacije”“, je napisal Alex o PWA 'appiness. Končno je zaključil, “te aplikacije lahko zagotovijo enakomerno boljša uporabniška izkušnja kot tradicionalne spletne aplikacije“.

Spletne aplikacije v primerjavi s progresivnimi spletnimi aplikacijami

Spletne aplikacije ali tradicionalne spletne aplikacije so aplikacije na strani odjemalca neposredno v spletnem brskalniku. Čeprav so boljši od spletnih strani, pa imajo svoje težave. Če ne poznate razlike med spletnimi aplikacijami in spletnimi mesti, se spletne aplikacije razlikujejo od spletnih mest, ker spletne aplikacije izgledajo in se počutijo kot domače aplikacije.

To je dejal, Progressive Web Apps so naslednjo generacijo spletnih aplikacij ki delujejo bolj kot domače aplikacije z uporabo izvirnih izboljšav naprave. Na primer, Progressive Web Apps lahko uporabo domačih funkcij kot so kamera, svetilniki itd., skupaj s funkcijami, kot so predpomnilnik brez povezave, push obvestila itd.

Zakaj potrebujemo napredne spletne aplikacije?

Na eni strani imamo nativne aplikacije, ki so neverjetno hitre in zanesljive tudi v najslabših situacijah, kot sta počasna ali brez povezljivosti. Po drugi strani pa imamo spletne strani in spletne aplikacije, ki so počasne in ne delujejo dobro brez omrežnih pogojev. Zato večina ljudi raje uporabljate domače aplikacije.

V letu 2016 se je začel projekt Pospešena mobilna stran (AMP), projekt, ki ga je spodbujal Google reševanje težav s počasno povezavo, zlasti na pametnih telefonih in mobilnim uporabnikom omogočajo boljšo uporabniško izkušnjo. Vendar pa AMP ne rešuje težav brez omrežnih težav. Prav tako ne pospeši čas nalaganja toliko kot domače aplikacije, in spet ima nekaj omejitev za doseganje te hitrosti.

Zato potrebujemo napredne spletne aplikacije. PWA zagotavljajo najboljša uporabniška izkušnja v počasnem ali brez omrežja pogoji. Na primer, PWA lahko prikaže zaslon napredka, ko nalaga vsebino ali začetni zaslon, ko ni spletne povezave.

Zakaj je napredna spletna aplikacija smiselna?

Kot je navedeno v poročilu o aplikaciji za mobilne naprave za leto 2017 podjetja ComScore, uporabniki skoraj preživijo 77 odstotkov svojega časa na prvih treh aplikacijah, medtem ko ostali programi ostanejo nedejavni, vendar še vedno blokirajo sistemske vire, vključno s pomnilnikom. Poleg tega to tudi deli 50 odstotkov uporabnikov prenese nič aplikacij na mesec. To dejstvo nakazuje, da uporabniki ne želijo namestiti novih aplikacij, zato ima PWA prednost.

Ugotavljam, da ljudje večinoma iščejo spletne strani na namizju, vendar raje uporabljate aplikacije na mobilnih napravah (domače aplikacije, seveda). Razlog je v tem, da računalniki ponujajo veliko več omrežnih sredstev kot pametni telefoni, aplikacije pa porabijo manj sredstev kot njihove partnerske spletne strani. Prav tako so hitri in zanesljivi.

Poleg tega domače aplikacije stanejo veliko več kot spletne strani - kar pet do desetkrat ali več, odvisno od vrste projekta. Tudi njihovi stroški se lahko povečajo, če je treba razviti domače aplikacije za različne platforme (npr. Android in iOS) z različnimi bazami kod. Vendar pa lahko PWA pomaga tako visoke stroške razvoja, zahvaljujoč podpori za različne platforme.

Napredne funkcije spletnih aplikacij

Napredne spletne aplikacije imajo veliko neposrednih funkcij, zaradi katerih so ločene od enostavnejših, tj. Spletnih aplikacij (ali enostavnejših - spletnih mest):

• Odziven. Delo na vseh napravah katere koli velikosti zaslona.
• Najprej brez povezave. Naložite tudi v počasno ali brez omrežja.
• Počutite se kot v aplikaciji. Poglejte in sodelujte kot domača aplikacija.
• Posodobljen. Posodobite sami, skoraj pregledno.
• Varno in varno. Za nalaganje virov strani uporabite HTTPS.
• Vidno. Izkoristijo vsebine v iskalnikih.
• Ponovno vključite. Ponovno se vključite, recimo z uporabo obvestil.
• Namestiti. Lahko ga namestite na začetni zaslon.
• Linkable. Naložite strani, podobne aplikacijam, vendar z URL-ji.

Kar se mi zdi zanimivo je, da Progressive Web Apps ne izgledajo samo kot domači programi, ampak imajo tudi to dostop do osnovnih funkcij naprave. To pomeni, da vam lahko PWA prinese fotografiranje s kamero naprave. Vendar pa se moram strinjati, da nima dostopa do omejenih funkcij, kot so lokacija, telefon ali SMS.

Opomba: Več o njenih funkcijah in drugih podrobnostih lahko preberete v tem prispevku.

Ustvarjanje naprednih spletnih aplikacij?

Google zagotavlja a “Kontrolni seznam za progresivno spletno aplikacijo” - seznam podrobnosti za pomoč začetnikom pri ustvarjanju naprednih spletnih aplikacij. Ta seznam brez navodil deli potrebne funkcije za ustvarjanje osnovnih sredstev - a “Osnovna PWA” in “Primer PWA”; nekdanji seznam vsebuje ključne stvari za osnovno aplikacijo, slednje pa za napredno aplikacijo.

Poleg tega obstajajo različna orodja, ki vam pomagajo pri izgradnji PWA. Svetilnik je na primer prost, odprtokoden orodje za izboljšanje spletne strani vključno s preverjanjem kakovosti dostopnosti, zmogljivosti in funkcij PWA. Še eno uporabno orodje je Workbox, ki pomaga gradite aplikacije z izkušnjo brez povezave.

So napredne spletne aplikacije v prihodnosti?

Čeprav progresivni spletni programi morda ne bodo rešili vseh naših težav z aplikacijami ali nadomestili domačih aplikacij v bližnji prihodnosti, vendar mislim, da bo imela pomembno vlogo, zahvaljujoč koristi, ki so veliko večje od njenih omejitev. In skoraj vsaka velika platforma, ki začne podpirati PWA, ni daleč, da jih bomo povsod videli.

Apple je predstavil funkcije PWA (spletne API-je) v brskalniku Safari 11.1, vključno z API-jem Beacon, servisnimi delavci, manifestom Web App itd .; tako kmalu, če že ne, vnašamo MSP v iOS. Google že podpira PWA v Chromu za Android in načrtuje tudi, da jo bo prenesel tudi na namizne platforme. Microsoft je v Microsoft Edge dodal tudi podporo za bolnike s fizioterapijo in jih tudi navedel v Microsoftovi trgovini.

Kaj misliš - so Progressive Web Apps prihodnost? Povejte mi neposredno na @aksinghnet ali napišite komentar preko spodnjega oddelka za komentarje, da pustite vaš odgovor.