Mis on progressiivsed veebirakendused ja kuidas seda installida?

Mis on progressiivsed veebirakendused ja kuidas seda installida?

Rakendused domineerivad teie telefonis. Pikka aega ei mõjutanud rakendused teie töölauda ega brauserit samamoodi. See on viimastel aastatel muutunud. Progressiivsed veebirakendused (PWA) kasvavad ja muudavad meie suhtlemist igasuguste veebisaitidega.





Aga mis täpselt on progressiivne veebirakendus? Mida teeb PWA, mida veebisait ei tee? Siin on, mida peate teadma progressiivsete veebirakenduste kohta.



Mis on progressiivne veebirakendus?

Progressiivsed veebirakendused on veebirakendused, mis pakuvad kasutajatele tavalist saiti, kuid kuvatakse omaette mobiilirakendusena. PWA -d püüavad tuua oma mobiilse mobiilirakenduse kasutatavuse kaasaegsesse brauseri funktsioonide komplekti, kasutades täielikult ära mõlema arendusvaldkonna edusamme.





Mis siis PWA -d määratleb?

  • Universaalne : PWA peab töötama sujuvalt (hästi, peaaegu) iga kasutaja jaoks, olenemata nende brauserist.
  • Vastutulelik : PWA -d peaksid töötama mis tahes seadmega, nagu sülearvuti, tahvelarvuti, nutitelefon jne.
  • Disain : disain peaks jäljendama kohalikke mobiilirakendusi, mis tähendab lihtsustatud ja hõlpsasti leitavaid menüüsid ning lihtsat interaktiivsust täiustatud funktsioonide jaoks.
  • Ohutu : PWA -d peaksid kasutajate andmete turvalisuse tagamiseks kasutama HTTPS -i.
  • Avastatav: kasutajad leiavad PWA -sid ja neid on lihtne tuvastada rakendustena (mitte saidina).
  • Kaasamine: PWA -l peab olema juurdepääs kohalikele kaasamisfunktsioonidele, nagu tõukemärguanded.
  • Uuendused: PWA -d on ajakohased ja teenindavad teenuse või saidi uusimaid versioone.
  • Paigaldamine: võimaldab kasutajatel PWA -d hõlpsalt oma avakuvale installida, ilma et oleks vaja rakenduste poodi.
  • Jagamine: PWA -d vajavad jagamiseks ainult ühte URL -i ilma installimiseta.

Nagu näete, on PWA -de eesmärk pakkuda kasutajatele täielikku veebisaidikogemust oma rakenduse sujuvamate funktsioonide ja liidese kujundusega.



Kuidas progresseeruv veebirakendus töötab?

Progressiivsete veebirakenduste võtmeks on brauseriteenuse töötajad.

Teenindustöötaja on skript, mis töötab teie brauseri taustal, „veebilehelt eraldi, avades ukse funktsioonidele, mis ei vaja veebilehte ega kasutaja sekkumist”. Võite kasutada selliseid teenindustöötajaid nagu tõukemärguanded ja taustal sünkroonimine hetkel, kuid PWA lähitulevik annab neile skriptidele suurema jõu.



Sellisena moodustavad teenindustöötajad PWA standardi aluse, kasutades veebivahemälu peaaegu kohese tulemuse saamiseks.

Enne hooldustöötajaid oli brauseri vahemälu skript Rakenduse vahemälu (või Rakenduste vahemälu). Rakenduse vahemälu pakub laias valikus võrguühenduseta teenuseid, kuid oli mõnevõrra veaohtlik. Lisaks on App Cache'il mitmeid tuntud piiranguid, nagu Nimekiri peale selgitab.



Kuid arendajate põhiprobleemiks on otsese suhtluse puudumine täpselt AppCache tööpõhimõttega, mis takistab arendajatel probleeme tekkides täpselt lahendama. Omakorda olid täieliku võrguühenduseta funktsionaalsusega veebisaidid ja teenused riskantne valik.

Teenindustöötajad kestavad aga ainult seni, kuni nende tegevus on vajalik. PWA -s, kui klõpsate midagi või kasutate funktsiooni, hakkab teenindustöötaja tegutsema. Teenindustöötaja (pidage meeles, et see on skript) töötleb sündmust, otsustades, kas võrguühenduseta vahemälu saab päringu lõpule viia. Idee on selles, et PWA -l on valida mitu võrguühenduseta vahemälu, mis pakuvad võrguühenduseta funktsionaalsust palju laiemalt.

Lisaks pole vahemälu mõeldud ainult võrguühenduseta kiiruse suurendamiseks. Näiteks suundute PWA -sse, kuid teie ühendus on äärmiselt lünklik. Teenindustöötaja teenindab eelmist vahemälu, mis töötab täielikult, ilma teie kogemusi katkestamata.

Progressiivne veebirakenduste brauseri tugi

Progressiivse veebirakenduse kasutamiseks on kaks nõuet: ühilduv brauser ja PWA-toega teenus.

Kõigepealt vaatame brausereid. PWA brauseri toe kontrollimiseks on teil kaks võimalust. Esimene on Jake Archibald's Kas teenindustöötaja on valmis ? mis kuvab hõlpsalt peamiste brauserite PWA-valmiduse oleku ja Samsungi Interneti.

PWA brauseri toe kohta üksikasjalikuma ülevaate saamiseks peaksite seda kontrollima Kas ma võin kasutada , veebisait, mis on spetsialiseerunud erinevate veebi- ja brauseritehnoloogia rakenduste loendile brauseri versioonide kaupa. Näiteks kui sisestate otsinguribale „teenindustöötajad”, leiate tabeli, mis näitab versiooni numbrit, millega iga brauser PWA -teenuse töötajaid rakendas.

Tabel Kas ma saan kasutada hooldustöötajaid kinnitab, et kõik suuremad brauserid toetavad PWA -sid. Samuti illustreerib see mitmete alternatiivsete töölaua- ja mobiilibrauserite PWA -toe.

Jagades seda veel natuke:

  • Töölaua brauser (täielik tugi): Chrome, Firefox, Opera, Edge, Safari
  • Lauaarvuti brauser (osaline tugi/vananenud versioon): QQ brauser, Baidu brauser
  • Mobiilibrauser (täielik tugi): Chrome, Firefox, Safari, UC -brauser, Samsungi Internet, Mint Browser, Wechat
  • Mobiilibrauser (osaline tugi/vananenud versioon): QQ -brauser, Android -brauser, Opera Mobile

Seega toetavad kõik peamised brauserid PWA -sid. Microsoft Edge ja Safari on viimased täiendused täielikku tugiloendisse. Seevastu nii QQ -brauser kui ka Baidu -brauser kasutavad nüüd vananenud versioone ja on sellisena langenud teisele astmele.

Progressiivse veebirakenduse leidmine ja installimine

Nüüd, kui teate, millist brauserit kasutada, võite mõelda PWA otsimisele ja installimisele. Selle näite puhul kasutan Samsung Galaxy S8 koos Google Chrome'iga.

Progressiivsed veebirakendused on kõikjal. Paljud ettevõtted on kohandanud oma saite ja teenuseid, et pakkuda progressiivse veebirakenduse versiooni. Paljudel juhtudel kohtute esmalt PWA -ga, kui lähete kodulehele või mobiiliteenuse saidile, mis käivitab Lisa avaekraanile Dialoogikast.

Vaadake allolevat videot, et näha, mis juhtub, kui külastate Twitteri mobiilisait .

Loomulikult pole lugematu hulga saitide külastamine ja lootus näha avakuva päästikut. Tegelikult on see lausa aeganõudev. Õnneks ei pea te seda tegema, kuna PWA -de kataloogimiseks on paar saiti.

Esiteks proovige outweb . Selles on loetletud päris korralik valik PWA -sid, sageli ilmuvad uued võimalused. Järgmisena proovige pwa.rocks. Sellel on väiksem valik, kuid mõned käepärased PWA -d, mida soovite oma seadmesse lisada.

Lisaks tarniti jaanuaris 2019 Androidile mõeldud Chrome 72 koos usaldusväärse veebitegevusega (TWA). TWA võimaldab Chrome'i vahelehti avada iseseisvas režiimis. See omakorda võimaldab PWA -del esitamist Google Play rakenduste poes. Esimesed Google Plays ilmunud PWA -d olid esimesed Twitter Lite , Instagram Lite ja Google Maps Go , aja jooksul ilmub rohkem seadistusi.

Pildigalerii (2 pilti) Laienda Laienda Sulge

Kas progressiivsed veebirakendused asendavad kohalikke rakendusi?

Progressiivsed veebirakendused on suurepärane hübriidsamm teie brauseri ja kohaliku mobiilirakenduse vahel. Kas PWA -d asendavad täielikult kohalikud rakendused? See on minult karm ei. PWA -d on kerge pakkumisena suurepärased, kuid arvestades, et need keskenduvad praegu peamiselt olemasolevate saitide ja teenuste kopeerimisele, ei asenda need kohalikke rakendusi.

Vähemalt mitte esialgu.

peatuskood halb süsteemi konfiguratsiooniteave Windows 10

PWA -d siiski töötavad. Ka PWA Statsis saadaolevad andmed toetavad seda. Siin on mõned huvitavad numbrid, mis illustreerivad, kuidas PWA -d muudavad meie suhtlust tavaliselt kasutatavate veebisaitidega:

  • Trivago nägi 150 -protsendilist seotust kasutajatega, kes lisasid oma PWA -d avakuvale.
  • Forbesi „PWA” koduleht laaditakse täielikult vaid 0,8 sekundiga, samal ajal kui näitamiste arv külastuse kohta suureneb 10 protsenti. Forbesi PWA nägi ka kasutajate seansside pikkust kahekordseks.
  • Twitter Lite nägi lehtede arvu 65 protsendi võrra seansi kohta, säutsude massiline tõus 75 protsenti. See on ka interaktiivne „vähem kui 5 sekundiga 3G kaudu”.
  • Alibaba nägi mobiilikonversioonide arvu 76 protsenti.

PWA -d pole veel mainstream. Kuid tänu neile pakutavatele tohututele eelistele, näiteks seadme säästmisele, kuulete neist tulevikus rohkem.

Jaga Jaga Piiksuma E -post Algaja juhend kõne animeerimiseks

Kõne animeerimine võib olla väljakutse. Kui olete valmis oma projektile dialoogi lisama, jagame teie jaoks protsessi.

Loe edasi Seotud teemad Autori kohta Gavin Phillips(Avaldatud 945 artiklit)

Gavin on Windowsi ja tehnoloogia selgitatud noorem toimetaja, tõeliselt kasuliku taskuhäälingusaate regulaarne kaastööline ja tavaline tooteülevaataja. Tal on BA (Hons) kaasaegne kirjutamine digitaalse kunsti praktikatega, mis on rüüstatud Devoni mägedest, samuti üle kümne aasta pikkune professionaalne kirjutamiskogemus. Ta naudib suures koguses teed, lauamänge ja jalgpalli.

Veel Gavin Phillipsilt

Telli meie uudiskiri

Liituge meie uudiskirjaga, et saada tehnilisi näpunäiteid, ülevaateid, tasuta e -raamatuid ja eksklusiivseid pakkumisi!

Tellimiseks klõpsake siin