Kas ir progresīvās tīmekļa lietotnes un kā to instalēt?

Kas ir progresīvās tīmekļa lietotnes un kā to instalēt?

Tālrunī dominē lietotnes. Ilgu laiku lietotnes vienādi neietekmēja jūsu darbvirsmu vai pārlūkprogrammu. Pēdējos gados tas ir mainījies. Progresīvo tīmekļa lietotņu (PWA) apjoms pieaug un mainās mūsu mijiedarbība ar visa veida vietnēm.





Bet kas īsti ir progresīvā tīmekļa lietotne? Ko PWA dara, ko vietne nedara? Lūk, kas jums jāzina par progresīvajām tīmekļa lietotnēm.





Kas ir progresīva tīmekļa lietotne?

Progresīvās tīmekļa lietotnes ir tīmekļa lietojumprogrammas, kas lietotājiem piedāvā regulāru vietni, bet tiek parādītas kā vietējā mobilā lietotne. PWA mēģina ieviest vietējās mobilās lietotnes lietojamību mūsdienu pārlūkprogrammas funkciju komplektā, pilnībā izmantojot abu attīstības jomu sasniegumus.





Kas tad definē PWA?

  • Universāls : PWA ir jādarbojas nemanāmi (labi, gandrīz) katram lietotājam neatkarīgi no pārlūkprogrammas.
  • Atsaucīgs : PWA vajadzētu darboties ar jebkuru ierīci, piemēram, klēpjdatoru, planšetdatoru, viedtālruni utt.
  • Dizains : dizainam vajadzētu atdarināt vietējās mobilās lietotnes, kas nozīmē racionalizētas, viegli atrodamas izvēlnes ar vienkāršu interaktivitāti papildu funkcijām.
  • Droši : PWA ir jāizmanto HTTPS, lai aizsargātu lietotāju datus.
  • Atklājams: lietotāji var atrast PWA, un tie ir viegli identificējami kā lietojumprogramma (nevis “vietne”).
  • Iesaistīšanās: PWA jābūt pieejamai vietējām iesaistes funkcijām, piemēram, push paziņojumiem.
  • Atjauninājumi: PWA joprojām ir atjauninātas, un tās apkalpo jaunākās pakalpojuma vai vietnes versijas.
  • Uzstādīšana: ļauj lietotājiem viegli “instalēt” PWA sākuma ekrānā, neizmantojot lietotņu veikalu.
  • Dalīšanās: PWA koplietošanai nepieciešams tikai viens URL bez instalēšanas.

Kā redzat, PWA mērķis ir nodrošināt lietotājiem pilnīgu vietnes pieredzi ar racionalizētām vietējās lietotnes funkcijām un saskarnes dizainu.



Kā darbojas progresīva tīmekļa lietotne?

Progresīvo tīmekļa lietotņu atslēga ir pārlūka pakalpojumu darbinieki.

Servisa darbinieks ir skripts, kas darbojas jūsu pārlūkprogrammas fonā, “atsevišķi no tīmekļa lapas, atverot iespējas funkcijām, kurām nav nepieciešama tīmekļa lapa vai lietotāja mijiedarbība”. Jūs varētu izmantot tādus servisa darbiniekus kā push paziņojumi un fona sinhronizācija šobrīd, bet tuvākā PWA nākotne piešķir šiem skriptiem lielāku spēku.





Apkalpojošie darbinieki veido PWA standarta pamatu, izmantojot tīmekļa kešatmiņu, lai iegūtu gandrīz tūlītējus rezultātus.

Pirms servisa darbiniekiem pārlūka kešatmiņas skripts bija lietojumprogrammu kešatmiņa (vai lietotņu kešatmiņa). Lietotņu kešatmiņa ir pieejama plašā bezsaistes pakalpojumu klāstā, taču tā bija nedaudz pakļauta kļūdām. Turklāt lietotņu kešatmiņai ir vairāki labi zināmi ierobežojumi, piemēram Saraksts atsevišķi skaidro.





Bet galvenā izstrādātāju problēma ir tiešas mijiedarbības trūkums ar to, kā darbojas AppCache, neļaujot izstrādātājiem precīzi novērst problēmas, kad tās rodas. Savukārt vietnes un pakalpojumi ar pilnu bezsaistes funkcionalitāti bija riskanta izvēle.

Servisa darbinieki tomēr ilgst tikai tik ilgi, kamēr ir nepieciešama viņu rīcība. PWA, noklikšķinot uz kaut kā vai izmantojot līdzekli, servisa darbinieks sāk darboties. Servisa darbinieks (atcerieties, tas ir skripts) apstrādā notikumu, izlemjot, vai bezsaistes kešatmiņa var pabeigt pieprasījumu. Ideja ir tāda, ka PWA ir vairākas bezsaistes kešatmiņas, no kurām izvēlēties, nodrošinot daudz plašāku bezsaistes funkcionalitāti.

Turklāt kešatmiņa nav paredzēta tikai ātruma palielināšanai bezsaistē. Piemēram, jūs dodaties uz PWA, bet savienojums ir ārkārtīgi nevienmērīgs. Servisa darbinieks apkalpo iepriekšējo kešatmiņu, kas pilnībā darbojas, nepārtraucot jūsu pieredzi.

Progresīvs tīmekļa lietotņu pārlūkprogrammas atbalsts

Progresīvās tīmekļa lietotnes lietošanai ir divas prasības: saderīga pārlūkprogramma un pakalpojums ar PWA.

Vispirms apskatīsim pārlūkprogrammas. Jums ir divas iespējas, lai pārbaudītu PWA pārlūka atbalstu. Pirmais ir Džeiks Arčibalds Vai servisa darbinieks ir gatavs ? kas ērti parāda galveno pārlūkprogrammu statusu PWA, kā arī Samsung internetu.

Lai iegūtu sīkāku pārskatu par PWA pārlūka atbalstu, jums vajadzētu pārbaudīt Vai varu lietot , vietne, kas specializējas dažādu tīmekļa un pārlūkprogrammu tehnoloģiju ieviešanas uzskaitē pēc pārlūkprogrammas versijas. Piemēram, ja meklēšanas joslā ievadāt “servisa darbinieki”, jūs atradīsit tabulu, kurā parādīts versijas numurs, ar kuru katrs pārlūks ieviesa PWA pakalpojumu darbiniekus.

Tabula Vai es varu izmantot servisa darbiniekus apstiprina, ka visas galvenās pārlūkprogrammas atbalsta PWA. Tas arī ilustrē PWA atbalstu vairākām alternatīvām darbvirsmas pārlūkprogrammām un mobilajām pārlūkprogrammām.

Nedaudz vairāk to sadalot:

  • Darbvirsmas pārlūks (pilns atbalsts): Chrome, Firefox, Opera, Edge, Safari
  • Darbvirsmas pārlūks (daļējs atbalsts/novecojusi versija): QQ pārlūks, Baidu pārlūks
  • Mobilā pārlūkprogramma (pilns atbalsts): Chrome, Firefox, Safari, UC pārlūks, Samsung internets, Mint pārlūks, Wechat
  • Mobilā pārlūkprogramma (daļējs atbalsts/novecojusi versija): QQ pārlūkprogramma, Android pārlūkprogramma, Opera Mobile

Tātad visas galvenās pārlūkprogrammas atbalsta PWA. Microsoft Edge un Safari ir jaunākie papildinājumi pilnam atbalsta sarakstam. Un otrādi, gan QQ Browser, gan Baidu Browser tagad izmanto novecojušas versijas un kā tādas ir nonākušas otrajā līmenī.

Kā atrast un instalēt progresīvu tīmekļa lietotni

Tagad, kad zināt, kuru pārlūkprogrammu izmantot, varat padomāt par PWA meklēšanu un instalēšanu. Šajā piemērā es izmantošu Samsung Galaxy S8 ar Google Chrome.

Progresīvās tīmekļa lietotnes ir visur. Daudzi uzņēmumi ir pielāgojuši savas vietnes un pakalpojumus, lai piedāvātu progresīvās tīmekļa lietotnes versiju. Daudzos gadījumos jūs vispirms saskarsities ar PWA, dodoties uz mājas lapu vai pakalpojumu vietni mobilajām ierīcēm, kas aktivizē Pievienot sākuma ekrānam dialoglodziņš.

Skatiet tālāk redzamo videoklipu, lai redzētu, kas notiek, apmeklējot vietni Twitter mobilā vietne .

Protams, nav lietderīgi apmeklēt neskaitāmas vietnes un cerēt redzēt sākuma ekrāna aktivizētāju. Patiesībā tas ir laikietilpīgi. Par laimi, jums tas nav jādara, jo ir dažas vietnes, kas veltītas PWA kataloģizēšanai.

Pirmkārt, mēģiniet outweb . Tajā ir uzskaitīts diezgan pienācīgs PWA klāsts, bieži parādās jaunas iespējas. Pēc tam izmēģiniet pwa.rocks. Tam ir mazāka izvēle, bet daži ērti PWA, kurus vēlaties pievienot savai ierīcei.

Turklāt 2019. gada janvārī operētājsistēmai Chrome 72, kas piegādāta operētājsistēmai Android, tika piegādāta uzticama tīmekļa darbība (TWA). TWA ļauj Chrome cilnēm atvērt atsevišķā režīmā. Tas savukārt ļauj PWA parādīties Google Play lietotņu veikalā. Pirmie PWA, kas parādījās pakalpojumā Google Play, bija Twitter Lite , Instagram Lite un Google Maps Go , laika gaitā parādoties vairāk.

Attēlu galerija (2 attēli) Izvērst Izvērst Aizvērt

Vai progresīvās tīmekļa lietotnes aizstās vietējās lietotnes?

Progresīvās tīmekļa lietotnes ir lielisks hibrīds solis starp jūsu pārlūkprogrammu un vietējo mobilo lietotni. Vai PWA pilnībā aizstās vietējās lietotnes? Tas ir grūts nē no manis. PWA ir lieliski kā viegls piedāvājums, taču, ņemot vērā, ka pašlaik tie galvenokārt koncentrējas uz esošo vietņu un pakalpojumu atkārtošanu, tie neaizstās vietējās lietotnes.

Vismaz pagaidām ne.

kā pats izveidot minecraft modifikācijas

PWA tomēr darbojas. Arī PWA Stats pieejamie dati to apstiprina. Šeit ir daži interesanti skaitļi, kas ilustrē, kā PWA maina mūsu mijiedarbību ar visbiežāk izmantotajām vietnēm:

  • Trivago palielināja lietotāju piesaisti par 150 procentiem, pievienojot PWA sākuma ekrānam.
  • Forbes “PWA” sākumlapa tiek pilnībā ielādēta tikai 0,8 sekundēs, bet seansu skaits vienā apmeklējumā ir par 10 procentiem lielāks. Forbes PWA arī redzēja, ka lietotāju sesiju ilgums dubultojās.
  • Twitter Lite sesiju laikā lapu skaits palielinājās par 65 procentiem, savukārt tvītu skaits palielinājās par 75 procentiem. Tas ir arī interaktīvs “mazāk nekā 5 sekundēs, izmantojot 3G”.
  • Alibaba mobilo ierīču reklāmguvumu skaits palielinājās par 76 procentiem.

PWA vēl nav populāri. Bet ar milzīgo priekšrocību klāstu, ko tās sniedz, piemēram, ietaupot vietu ierīcē, jūs par tām dzirdēsit vairāk nākotnē.

Kopīgot Kopīgot Čivināt E -pasts Rokas animācijas rokasgrāmata iesācējiem

Runas animēšana var būt izaicinājums. Ja esat gatavs sākt pievienot dialogu savam projektam, mēs to sadalīsim jūsu vietā.

Lasīt Tālāk
Saistītās tēmas Par autoru Gevins Filips(Publicēti 945 raksti)

Gevins ir jaunākais redaktors operētājsistēmai Windows un Technology Explained, regulārs Really Useful Podcast līdzstrādnieks un regulārs produktu recenzents. Viņam ir bakalaura grāds (Hons) Mūsdienu rakstīšana ar digitālās mākslas praksi, kas izlaupīta no Devonas kalniem, kā arī vairāk nekā desmit gadu profesionālā rakstīšanas pieredze. Viņam patīk daudz tējas, galda spēles un futbols.

Vairāk no Gevina Filipsa

Abonējiet mūsu biļetenu

Pievienojieties mūsu informatīvajam izdevumam, lai iegūtu tehniskus padomus, pārskatus, bezmaksas e -grāmatas un ekskluzīvus piedāvājumus!

Noklikšķiniet šeit, lai abonētu