Što su progresivne web aplikacije i kako ih instalirati?

Što su progresivne web aplikacije i kako ih instalirati?

Aplikacije dominiraju vašim telefonom. Dugo aplikacije nisu utjecale na radnu površinu ili preglednik na isti način. To se promijenilo posljednjih godina. Progresivne web aplikacije (PWA) rastu i rastu i mijenjaju našu interakciju sa svim vrstama web stranica.





No, što je zapravo progresivna web aplikacija? Što PWA čini, a web stranica ne? Evo što trebate znati o progresivnim web aplikacijama.



Što je progresivna web aplikacija?

Progresivne web aplikacije web su aplikacije koje nude redovitu web lokaciju korisnicima, ali se pojavljuju kao izvorna mobilna aplikacija. PWA -i pokušavaju unijeti upotrebljivost izvorne mobilne aplikacije u moderni skup značajki preglednika, u potpunosti iskorištavajući napredak u oba razvojna područja.





Što onda definira PWA?

  • Univerzalna : PWA mora raditi besprijekorno (dobro, gotovo) za svakog korisnika, bez obzira na njihov preglednik.
  • Uzvratni : PWA bi trebali raditi s bilo kojim uređajem, poput prijenosnog računala, tableta, pametnog telefona itd.
  • Oblikovati : dizajn bi trebao oponašati izvorne mobilne aplikacije, što znači pojednostavljene izbornike koje je lako pronaći, s jednostavnom interaktivnošću za napredne značajke.
  • Sef : PWA -i trebaju koristiti HTTPS za zaštitu korisničkih podataka.
  • Otkriveno: korisnici mogu pronaći PWA -e i lako ih je identificirati kao aplikaciju (a ne kao 'web mjesto').
  • Angažman: PWA mora imati pristup izvornim značajkama angažmana, poput push obavijesti.
  • Nadopune: PWA -i ostaju ažurirani i opslužuju najnovije verzije usluge ili web -lokacije.
  • Montaža: omogućuju korisnicima jednostavno 'instaliranje' PWA -a na početni zaslon bez potrebe za trgovinom aplikacija.
  • Dijeljenje: PWA -i zahtijevaju samo jedan URL za dijeljenje, bez ikakve instalacije.

Kao što vidite, PWA -i imaju za cilj pružiti korisnicima potpuno iskustvo na web stranici s pojednostavljenim značajkama i dizajnom sučelja izvorne aplikacije.



Kako funkcionira progresivna web aplikacija?

Ključ za progresivne web aplikacije zaposlenici su preglednika.

Uslužni radnik skripta je koja se izvodi u pozadini vašeg preglednika, 'odvojeno od web stranice, otvarajući mogućnosti značajkama za koje nije potrebna web stranica ili interakcija korisnika.' Možete koristiti uslužne djelatnike poput push obavijesti i pozadinska sinkronizacija u ovom trenutku, ali neposredna budućnost PWA -e daje ovim skriptama veću snagu.



Kao takvi, uslužni radnici čine temelj PWA standarda, koristeći web predmemoriju za gotovo trenutne rezultate.

Prije uslužnih radnika, skripta predmemorije preglednika bila je Application Cache (ili App Cache). Predmemorija aplikacija ima široki raspon usluga izvan mreže, ali je bila sklona pogreškama. Nadalje, App Cache ima nekoliko dobro poznatih ograničenja, npr Popis apart objašnjava.



No, glavni problem za programere je nedostatak izravne interakcije s točno načinom na koji AppCache radi, zaustavljajući programere da točno riješe probleme kako se pojave. S druge strane, web stranice i usluge s potpunom izvanmrežnom funkcionalnošću bili su riskantan izbor.

Uslužni radnici, međutim, traju samo onoliko koliko je potrebno njihovo djelovanje. U PWA -i, kad nešto kliknete ili upotrijebite značajku, radnik u uslužnoj djelatnosti izvire u akciju. Uslužni radnik (zapamtite, to je skripta) obrađuje događaj, odlučujući može li izvanmrežna predmemorija dovršiti zahtjev. Ideja je da postoji više izvanmrežnih predmemorija koje PWA može izabrati, što daje mnogo širi raspon izvanmrežnih funkcija.

Osim toga, predmemorija nije samo za povećanje brzine izvan mreže. Na primjer, idete na PWA, ali vaša je veza iznimno nejednaka. Uslužni radnik poslužuje prethodnu predmemoriju, potpuno funkcionalnu, bez ometanja vašeg iskustva.

Podrška za progresivni preglednik web aplikacija

Za korištenje progresivne web aplikacije postoje dva zahtjeva: kompatibilni preglednik i usluga s omogućenim PWA-om.

Prvo, pogledajmo preglednike. Imate dvije mogućnosti za provjeru podrške za preglednik PWA. Prvi je Jake Archibaldov Je li serviser spreman ? koji zgodno prikazuje status spremnosti za PWA glavnih preglednika, plus Samsung internet.

Za detaljniji pregled podrške za preglednik PWA trebali biste se provjeriti Mogu li koristiti , web stranica koja je specijalizirana za navođenje implementacije različitih tehnologija weba i preglednika prema verziji preglednika. Na primjer, ako unesete 'uslužni radnici' u traku za pretraživanje, pronaći ćete tablicu koja prikazuje broj verzije s kojom je svaki preglednik implementirao PWA uslužne djelatnike.

Tablica Mogu li koristiti servisne radnike potvrđuje da svi glavni preglednici podržavaju PWA -ove. Također ilustrira PWA podršku za nekoliko alternativnih desktop i mobilnih preglednika.

Još malo razbijanje:

  • Desktop preglednik (potpuna podrška): Chrome, Firefox, Opera, Edge, Safari
  • Desktop preglednik (djelomična podrška/zastarjela verzija): QQ preglednik, Baidu preglednik
  • Mobilni preglednik (potpuna podrška): Chrome, Firefox, Safari, UC preglednik, Samsung internet, Mint Browser, Wechat
  • Mobilni preglednik (djelomična podrška/zastarjela verzija): QQ preglednik, Android preglednik, Opera Mobile

Dakle, svi glavni preglednici podržavaju PWA -ove. Microsoft Edge i Safari najnoviji su dodaci cijelom popisu podrške. Nasuprot tome, i QQ Browser i Baidu Browser sada koriste zastarjele verzije i kao takvi su pali u drugi nivo.

Kako pronaći i instalirati progresivnu web aplikaciju

Sada kada znate koji preglednik koristiti, možete razmisliti o traženju i instaliranju PWA -a. Za ovaj primjer koristit ću Samsung Galaxy S8 s Google Chromeom.

Progresivne web aplikacije prisutne su posvuda. Mnoge tvrtke prilagodile su svoje web stranice i usluge tako da nude verziju Progressive Web App. U mnogim slučajevima prvi ćete put naići na PWA kad krenete na početnu stranicu ili mobilnu web stranicu usluge, što pokreće Dodaj na početni zaslon dijaloški okvir.

Pogledajte video ispod kako biste vidjeli što se događa kada posjetite Mobilna web stranica Twitter .

Naravno, posjetiti bezbroj web stranica i nadati se da ćete vidjeti okidač početnog zaslona nije korisno. Zapravo, oduzima puno vremena. Srećom, to ne morate učiniti jer postoji nekoliko web stranica posvećenih katalogiziranju PWA -a.

Prvi pokušaj outweb . Navodi prilično pristojan raspon PWA -a, s čestim pojavljivanjem novih opcija. Zatim isprobajte pwa.rocks. Ima manji izbor, ali neke zgodne PWA -e koje ćete htjeti dodati svom uređaju.

Nadalje, u siječnju 2019. Chrome 72 za Android isporučen je s pouzdanom web aktivnošću (TWA). TWA omogućuje otvaranje Chromeovih kartica u samostalnom načinu rada. To pak omogućuje da se PWA -i pojavljuju u trgovini aplikacija Google Play. Prvih nekoliko PWA -a koji su se pojavili na Google Playu bili su Twitter Lite , Instagram Lite i Google karte Go , s više postavki koje će se pojaviti tijekom vremena.

Galerija slika (2 slike) Proširiti Proširiti Zatvoriti

Hoće li progresivne web aplikacije zamijeniti izvorne aplikacije?

Progresivne web aplikacije izvrstan su hibridni korak između vašeg preglednika i izvorne mobilne aplikacije. Hoće li PWA -i u potpunosti zamijeniti izvorne aplikacije? To je teško od mene. PWA -i izvrsni su kao lagana ponuda, ali s obzirom na to da se trenutno pretežno usredotočuju na repliciranje postojećih web stranica i usluga, neće zamijeniti izvorne aplikacije.

Barem ne zasad.

kako popraviti usb zaštićen od pisanja

PWA -i ipak rade. Podaci koji su dostupni u PWA Statsu također to potvrđuju. Evo nekoliko zanimljivih brojeva koji ilustriraju kako PWA mijenjaju našu interakciju s uobičajenim web stranicama:

  • Trivago je zabilježio povećanje angažmana od 150 posto za korisnike koji dodaju svoju PWA na početni zaslon.
  • Forbesova 'PWA' početna stranica potpuno se učitava za samo 0,8 sekundi, dok su se pojavljivanja po posjetu povećala za 10 posto. Forbesov PWA također je povećao duljinu korisničkih sesija.
  • Twitter Lite zabilježio je porast stranica od 65 posto po sesiji, s ogromnim povećanjem tweetova od 75 posto. Također je interaktivan 'za manje od 5 sekundi preko 3G -a'.
  • Alibaba je zabilježila porast mobilnih konverzija od 76 posto.

PWA -i još nisu uvriježeni. No s ogromnim nizom prednosti koje pružaju, poput uštede prostora na vašem uređaju, ubuduće ćete o njima više čuti.

Udio Udio Cvrkut E -pošta Vodič za animaciju govora za početnike

Oživljavanje govora može biti izazov. Ako ste spremni započeti dodavanje dijaloga u svoj projekt, mi ćemo za vas razbiti postupak.

Pročitajte Dalje Povezane teme O autoru Gavin Phillips(945 objavljenih članaka)

Gavin je mlađi urednik za Windows i objašnjenu tehnologiju, redoviti suradnik Really Useful Podcasta i redoviti recenzent proizvoda. On ima diplomu suvremenog pisanja (Hons) sa suvremenom digitalnom umjetnošću opljačkanu s brda Devona, kao i više od desetljeća profesionalnog iskustva u pisanju. Uživa u obilnim količinama čaja, društvenih igara i nogometa.

Više od Gavina Phillipsa

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e -knjige i ekskluzivne ponude!

Kliknite ovdje za pretplatu