Progressive Web Apps - kaasaegse veebi tulevik?

Tänapäeval on Progressive Web Apps (PWA) linnaring, mis on peamiselt tingitud nende hämmastavast kasutatavusest ja ainulaadsest kasutaja kogemusest. Veebisaitide ja kohalike rakenduste kombineeritud omadustega on PWA-d muutumas normiks mitme seadme veebirakendustele võimaldab arendajatel ehitada kiiresti laaditavaid dünaamilisi rakendusi ilma hübriidraamistiketa.

Ma usun, et progressiivsed veebirakendused on veebisaitide tulevik - ja järgnevas kirjutades arutlen selle eeliseid ja kasutan juhtumeid, et anda teile kogu pilt. Lähme selle juurde.

Mis on progressiivne veebirakendus?

Termin “Progressive Web Apps” esmakordselt looja Alex Rusell (Google Chrome'i arendaja) ja Frances Berriman (disainer). Alex jagas oma ideed Progressive Web Apps'e kohta “Need rakendused ei ole pakitud ega paigutatud kaupluste kaudu, nad on lihtsalt veebilehed, mis võtsid kõik õiged vitamiinid“.

“Saidid, mis soovivad saata teile teateid või olla teie kodusekraanil, peavad selle aja jooksul teenima, kui neid rohkem ja rohkem kasutate. Nad muutuvad järk-järgult “rakendused”“, kirjutas Alexi PWA-le meelepärasuse kohta. Lõpuks jõudis ta lõpule, “need rakendused võivad pakkuda ühtlast parem kogemus kui traditsioonilised veebirakendused“.

Veebirakendused vs progressiivsed veebirakendused

Veebirakendused või traditsioonilised veebirakendused on kliendipoolsed rakendused töötage otse veebibrauseris. Kuigi nad on veebisaitidest paremad, on neil probleeme. Kui te ei tea erinevusi veebirakenduste ja saitide vahel, erinevad veebirakendused veebisaitidest, kuna veebirakendused näevad välja ja tunnevad end natiivsete rakendustena.

See tähendab, et progressiivsed veebirakendused on järgmise põlvkonna veebirakendusi mis töötavad enamasti kohalike rakendustega, kasutades seadme natiivseid täiustusi. Näiteks saab kasutada progressiivseid veebirakendusi kasutage kohalikke omadusi nagu kaamera, majakad jne. koos funktsioonidega, nagu näiteks offline vahemälu, push-teatised jne.

Miks vajame progressiivseid veebirakendusi?

Meil on ühelt poolt kohalikud rakendused, mis on uskumatult kiireid ja usaldusväärseid isegi kõige halvemates olukordades nagu aeglane või mitteühenduv. Kuid siis on meil veebisaite ja veebirakendusi, mis on aeglased ja ei tööta võrgutingimustes hästi. Seetõttu on enamik inimesi eelistavad kohalikke rakendusi.

Kiirendatud mobiilileheküljed (AMP), mida toetab Google, alustati 2016. aastal lahendada aeglased ühenduse probleemid, eriti nutitelefonide puhul, ning pakkuda mobiilikasutajatele paremat kasutuskogemust. Siiski ei lahenda AMP võrguküsimustega seotud probleeme. Samuti ei kiirenda see laadimisaega nii palju kui kohalikud rakendused ja jällegi on selle kiiruse saavutamiseks vähe piiranguid.

Seetõttu on meil vaja progressiivseid veebirakendusi. PWA-d annavad parimat võimalikku kasutuskogemust aeglases või puuduvas võrgus tingimused. Näiteks võib PWA kuvada edenemisekraani, kui ta laadib sisu või splash-ekraani, kui ei ole veebiühendust vastavalt.

Miks on progressiivsed veebirakendused mõistlikud?

Vastavalt ComScore'i 2017. aasta USA mobiilirakenduse aruandele, kulutavad rakenduse kasutajad peaaegu 77 protsenti oma ajast oma kolme parima rakendusega, ülejäänud rakendused jäävad ooterežiimi, kuid blokeerivad siiski süsteemi ressursid, sealhulgas mälu. Lisaks jagab see seda 50 protsenti kasutajatest alla nullprogramme kuus. See asjaolu viitab kasutajatele uute rakenduste paigaldamisele kõhklemata ja seega on PWA-l serv.

Ma leian, et inimesed lähevad enamasti töölaua veebisaitidele, kuid eelistavad rakendusi mobiilseadmetes (loomulikult rakendused). Põhjuseks on see, et arvutid pakuvad palju rohkem võrguressursse kui nutitelefonid ja rakendused tarbivad vähem ressursse kui nende vastasküljel olevad veebilehed. Samuti on need kiire ja usaldusväärne.

Lisaks maksavad kohalikud rakendused palju rohkem kui veebisaidid - nii palju kui viis kuni kümme korda rohkem, sõltuvalt projekti tüübist. Samuti võib nende maksumus paljuneda, kui on vaja välja töötada mitmesuguste platvormide (nt Android ja iOS) jaoks erinevaid koodialuseid. PWA võib siiski aidata minimeerida selliseid kõrgeid arenduskulusid, tänu oma toetusele erinevatele platvormidele.

Progressive Web Apps funktsioonid

Progresseeruvatel veebirakendustel on palju otseseid funktsioone, mis muudavad need erinevaks nende lihtsamatest vastastest, st veebirakendustest (või lihtsamatest veebisaitidest):

• Reageeriv. Töötage kõikidel ekraanil olevatel seadmetel.
• Esmalt offline. Laadige ka aeglaselt või ilma võrguta.
• App-like tunne. Vaadake ja suhtle nagu kohalik rakendus.
• Ajakohastatud. Uuenda iseseisvalt, peaaegu läbipaistvalt.
• Ohutu ja turvaline. Lehekülje ressursside laadimiseks kasutage HTTPS-i.
• Avastatav. Kasutage otsingumootorite sisu.
• Sisselülitatav. Võta uuesti ühendust, öelda, kasutades teateid.
• Installitav. Saab paigutada oma avakuvale.
• Seotud. Laadige rakendusele sarnased lehed, kuid URL-idega.

Huvitav on see, et progressiivsed veebirakendused ei vaata ja tunnevad end nagu kohalikud rakendused, vaid on ka ligipääs seadme enda omadustele. See tähendab, et PWA saab sinu seadme kaamera abil kiiresti sisse lülitada. Pean siiski jagada, et see ei pääse piiratud funktsioonidele, nagu asukoht, telefon või SMS.

Märge: Lisateavet selle funktsioonide ja muude üksikasjade kohta saate selles postituses.

Progressiivsete veebirakenduste loomine?

Google pakub a “Progressive Web Appi kontrollnimekiri” - detaililoend, mis aitab algajatel luua progressiivseid veebirakendusi. See no-guide nimekiri jagab PWA-de loomiseks vajalikud funktsioonid - a “PWA algtasem” ja “Näitlik PWA”; esimene loetleb olulised asjad põhirakenduse jaoks ja viimane täiustatud rakenduse jaoks.

Lisaks sellele on mitmeid tööriistu, mis aitavad teil PWA rajamisel. Näiteks Lighthouse on vaba, avatud lähtekoodiga veebilehe parandamise vahend sealhulgas juurdepääsu kontrollimise, jõudluse ja PWA funktsioonide kvaliteedikontrolli. Teine funktsionaalne tööriist on Workbox, mis aitab luua rakendusi, millel on offline-esimene kogemus.

Kas Progressive Web Apps on tulevikus?

Kuigi progressiivsed veebirakendused ei pruugi lahendada kõiki meie rakenduse probleeme või asendada natiivseid rakendusi mõnes lähitulevikus, usun, et see mängib olulist rolli tänu selle eelised, mis on palju rohkem kui selle piirangud. Ja peaaegu iga suur platvorm, mis hakkab PWA-sid toetama, ei ole kaugeltki neid kõikjal näha.

Apple tutvustas PWA funktsioone (Web API-d) Safari 11.1-s, sealhulgas Beacon API-s, teenindustöötajates, veebirakenduse manifestis jne; seeläbi viies PWA-d iOS-ile kiiresti, kui mitte. Google on juba toetanud PWA-sid Chrome'is Androidis ja kavatseb selle ka töölaua platvormidele tuua. Microsoft lisas ka toetust PWA-dele Microsoft Edge'is ja loetleb need ka Microsoft Store'is.

Mida sa arvad - on Progressive Web Apps tulevikus? Andke teada otse @aksinghnet'ist või kirjutage kommentaar allpool olevate kommentaaride kaudu, et jätta oma vastus.