Kaj so progresivne spletne aplikacije in kako jih namestim?

Kaj so progresivne spletne aplikacije in kako jih namestim?

Aplikacije prevladujejo v telefonu. Dolgo časa aplikacije niso enako vplivale na namizje ali brskalnik. To se je v zadnjih letih spremenilo. Progresivne spletne aplikacije (PWA) se povečujejo in spreminjajo naše interakcije z vsemi vrstami spletnih mest.





Kaj pa sploh je progresivna spletna aplikacija? Kaj PWA naredi, česar spletno mesto ne? Tukaj morate vedeti o progresivnih spletnih aplikacijah.



Kaj je progresivna spletna aplikacija?

Progresivne spletne aplikacije so spletne aplikacije, ki uporabnikom ponujajo običajno spletno mesto, vendar so prikazane kot domača mobilna aplikacija. PWA poskušajo uporabnost domače mobilne aplikacije približati sodobnemu naboru brskalnikov, pri čemer v celoti izkoristijo napredek na obeh razvojnih področjih.





Kaj torej definira PWA?

  • Univerzalno : PWA mora brezhibno (skoraj) delovati za vsakega uporabnika, ne glede na brskalnik.
  • Odziven : PWA morajo delovati s katero koli napravo, na primer prenosnim računalnikom, tabličnim računalnikom, pametnim telefonom itd.
  • Oblikovanje : zasnova naj posnema domače mobilne aplikacije, kar pomeni racionalizirane menije, ki jih je enostavno najti, s preprosto interaktivnostjo za napredne funkcije.
  • Varno : PWA morajo za zaščito uporabniških podatkov uporabljati HTTPS.
  • Odkrito: uporabniki lahko najdejo PWA in so zlahka prepoznavni kot aplikacija (namesto kot »spletno mesto«).
  • Zaroka: PWA mora imeti dostop do domačih funkcij sodelovanja, kot so potisna obvestila.
  • Posodobitve: PWA ostajajo posodobljene in služijo najnovejšim različicam storitve ali spletnega mesta.
  • Namestitev: uporabnikom omogočajo preprosto 'namestitev' PWA na domači zaslon, ne da bi potrebovali trgovino z aplikacijami.
  • Skupna raba: PWA -ji za skupno rabo potrebujejo le en URL, brez namestitve.

Kot lahko vidite, cilj PWA uporabnikom ponuja popolno izkušnjo spletnega mesta z racionaliziranimi funkcijami in oblikovanjem vmesnika domače aplikacije.



Kako deluje progresivna spletna aplikacija?

Ključ do progresivnih spletnih aplikacij so delavci brskalnikov.

Storitveni delavec je skript, ki deluje v ozadju vašega brskalnika, 'ločeno od spletne strani in odpira vrata funkcijam, ki ne potrebujejo spletne strani ali interakcije uporabnikov.' Lahko uporabite storitvene delavce, kot so potisna obvestila in sinhronizacija v ozadju trenutno, toda neposredna prihodnost PWA daje tem skriptom večjo moč.



Kot taki servisni delavci tvorijo temelj standarda PWA in uporabljajo spletni predpomnilnik za skoraj takojšnje rezultate.

Pred servisnimi delavci je bil skript predpomnilnika brskalnika Application Cache (ali App Cache). Predpomnilnik aplikacij je na voljo v široki paleti storitev brez povezave, vendar je bil nekoliko nagnjen k napakam. Poleg tega ima App Cache več znanih omejitev, npr Seznam narazen razlaga.



Toda glavna težava za razvijalce je pomanjkanje neposredne interakcije s tem, kako AppCache deluje, kar razvijalcem preprečuje natančno odpravljanje težav, ko se pojavijo. Spletna mesta in storitve s popolno funkcionalnostjo brez povezave so bile tvegana izbira.

Storitveni delavci pa trajajo le toliko časa, kolikor je potrebno. V PWA, ko nekaj kliknete ali uporabite funkcijo, začne delovati uslužbenec. Storitveni delavec (ne pozabite, da je to skript) obdela dogodek in se odloči, ali lahko predpomnilnik brez povezave izpolni zahtevo. Ideja je, da lahko PWA izbira med več predpomnilniki brez povezave, kar daje veliko širši nabor funkcij brez povezave.

Poleg tega predpomnilnik ni namenjen le povečanju hitrosti brez povezave. Na primer, odidete v PWA, vendar je vaša povezava zelo neenakomerna. Storitveni delavec služi prejšnjemu predpomnilniku, popolnoma delujočemu, ne da bi pri tem motil vaše izkušnje.

Podpora za progresivni spletni brskalnik

Za uporabo progresivne spletne aplikacije obstajata dve zahtevi: združljiv brskalnik in storitev, ki podpira PWA.

Najprej poglejmo brskalnike. Za preverjanje podpore brskalnika PWA imate dve možnosti. Prvi je Jake Archibald Je uslužbenec pripravljen ? ki priročno prikazuje stanje pripravljenosti PWA glavnih brskalnikov in internet Samsung.

Za podrobnejši pregled podpore brskalnika PWA se obrnite Ali lahko uporabim , spletno mesto, specializirano za navajanje implementacije različnih spletnih in brskalniških tehnologij glede na različico brskalnika. Če na primer v iskalno vrstico vnesete »uslužbenci«, najdete tabelo, ki prikazuje številko različice, s katero je vsak brskalnik izvedel storitvene delavce PWA.

Tabela Can I Use Service Workers potrjuje, da vsi večji brskalniki podpirajo PWA. Prav tako ponazarja podporo PWA za več alternativnih namiznih brskalnikov in brskalnikov za mobilne naprave.

Še malo razčlenimo:

  • Namizni brskalnik (popolna podpora): Chrome, Firefox, Opera, Edge, Safari
  • Namizni brskalnik (delna podpora/zastarela različica): Brskalnik QQ, brskalnik Baidu
  • Mobilni brskalnik (popolna podpora): Chrome, Firefox, Safari, UC Browser, Samsung internet, Mint Browser, Wechat
  • Mobilni brskalnik (delna podpora/zastarela različica): Brskalnik QQ, brskalnik Android, Opera Mobile

Torej vsi večji brskalniki podpirajo PWA. Microsoft Edge in Safari sta zadnja dodatka na celotnem seznamu podpore. Nasprotno pa brskalnik QQ in brskalnik Baidu zdaj uporabljata zastarele različice in sta kot taka padla na drugo stopnjo.

Kako najti in namestiti progresivno spletno aplikacijo

Zdaj, ko veste, kateri brskalnik uporabiti, lahko razmislite o iskanju in namestitvi PWA. V tem primeru bom uporabljal Samsung Galaxy S8 z Google Chromom.

Progresivne spletne aplikacije so povsod. Mnoga podjetja so svoja spletna mesta in storitve prilagodila tako, da ponujajo različico Progressive Web App. V mnogih primerih boste prvič naleteli na PWA, ko se odpravite na domačo stran ali spletno mesto storitve, ki sproži Dodaj na začetni zaslon pogovorno okno.

V spodnjem videu si oglejte, kaj se zgodi, ko obiščete Mobilno spletno mesto Twitter .

Seveda obisk neštetih spletnih mest in upanje na sprožilec začetnega zaslona ni koristno. Pravzaprav je kar dolgotrajen. Na srečo vam tega ni treba storiti, saj obstaja nekaj spletnih mest, namenjenih katalogiziranju PWA.

Najprej poskusite outweb . Navaja precej dostojno paleto PWA, pri čemer se pogosto pojavljajo nove možnosti. Nato poskusite s pwa.rocks. Ima manjši izbor, vendar nekaj priročnih PWA, ki jih boste želeli dodati v svojo napravo.

Poleg tega je bil januarja 2019 Chrome 72 za Android dobavljen s Trusted Web Activity (TWA). TWA omogoča odpiranje zavihkov Chrome v samostojnem načinu. To pa PWA omogoča, da se pojavijo v trgovini z aplikacijami Google Play. Prvih nekaj PWA, ki so se pojavili v Googlu Play, so bili Twitter Lite , Instagram Lite in Google Maps Go z več nastavitvami, ki se bodo čez čas pojavile.

Galerija slik (2 sliki) Razširi Razširi Zapri

Ali bodo progresivne spletne aplikacije nadomestile domače aplikacije?

Progresivne spletne aplikacije so odličen hibridni korak med brskalnikom in domačo mobilno aplikacijo. Ali bodo PWA v celoti nadomestile domače aplikacije? To je težko od mene. PWA so odlične kot lahka ponudba, vendar glede na to, da se trenutno osredotočajo predvsem na podvajanje obstoječih spletnih mest in storitev, ne bodo nadomestile domačih aplikacij.

Vsaj zaenkrat ne.

ali lahko daš ps3 igre v ps4

PWA pa delujejo. Podatki, ki so na voljo v statistiki PWA, to tudi podpirajo. Tukaj je nekaj zanimivih številk, ki ponazarjajo, kako PWA spreminjajo naše interakcije s pogosto uporabljenimi spletnimi mesti:

  • Trivago je dosegel 150 -odstotno povečanje angažiranosti uporabnikov, ki so svoj PWA dodali na začetni zaslon.
  • Forbesova 'PWA' domača stran se popolnoma naloži v samo 0,8 sekunde, medtem ko se je število obiskov povečalo za 10 odstotkov. Forbesov PWA je tudi podaljšal dolžino uporabniških sej.
  • Twitter Lite je zabeležil 65 -odstotno povečanje strani na sejo, z ogromnim 75 -odstotnim povečanjem tvitov. Je tudi interaktiven 'v manj kot 5 sekundah preko 3G.'
  • Alibaba je zabeležila 76 -odstotno povečanje mobilnih konverzij.

PWA še niso mainstream. Toda z velikim številom prednosti, ki jih ponujajo, na primer prihrankom prostora v napravi, boste v prihodnje slišali več o njih.

Deliti Deliti Cvrkutati E-naslov Vodnik za začetnike po animaciji govora

Animacija govora je lahko izziv. Če ste pripravljeni na začetek dodajanja dialoga v svoj projekt, bomo za vas razčlenili postopek.

Preberite Naprej Sorodne teme O avtorju Gavin Phillips(945 objavljenih člankov)

Gavin je mlajši urednik za Windows in Technology Explained, redni sodelavec v Zares uporabnem podcastu in redni recenzent izdelkov. Ima diplomo iz sodobnega pisanja z odliko z odliko z digitalnimi umetniškimi praksami, izropano iz hribov Devona, pa tudi več kot desetletje profesionalnih pisnih izkušenj. Uživa v velikih količinah čaja, družabnih iger in nogometa.

Več od Gavina Phillipsa

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e -knjige in ekskluzivne ponudbe!

Kliknite tukaj, če se želite naročiti