Kas yra progresyvios žiniatinklio programos ir kaip jas įdiegti?

Kas yra progresyvios žiniatinklio programos ir kaip jas įdiegti?

Programos dominuoja jūsų telefone. Ilgą laiką programos neturėjo vienodos įtakos jūsų darbalaukiui ar naršyklei. Pastaraisiais metais tai pasikeitė. Progresyvios žiniatinklio programos (PWA) auga ir keičia mūsų sąveiką su visomis svetainėmis.





Bet kas iš tikrųjų yra progresyvi žiniatinklio programa? Ką PWA daro, ko svetainė nedaro? Štai ką reikia žinoti apie progresyvias žiniatinklio programas.



Kas yra progresyvi žiniatinklio programa?

Progresyvios žiniatinklio programos yra žiniatinklio programos, siūlančios vartotojams įprastą svetainę, bet rodomos kaip savoji programa mobiliesiems. PWA bando pritaikyti vietinės programos mobiliesiems pritaikymą šiuolaikiniam naršyklės funkcijų rinkiniui, visapusiškai pasinaudodami abiejų plėtros sričių pažanga.





Kas tada apibrėžia PWA?

  • Universalus : PWA turi sklandžiai (gerai, beveik) veikti kiekvienam vartotojui, nepriklausomai nuo jo naršyklės.
  • Atsakingas : PWA turėtų veikti su bet kokiu įrenginiu, pvz., Nešiojamuoju kompiuteriu, planšetiniu kompiuteriu, išmaniuoju telefonu ir pan.
  • Dizainas : dizainas turėtų imituoti vietines programas mobiliesiems, o tai reiškia supaprastintus, lengvai randamus meniu ir paprastą interaktyvumą, skirtą išplėstinėms funkcijoms.
  • Saugu : PWA turėtų naudoti HTTPS, kad naudotojų duomenys būtų apsaugoti.
  • Aptinkama: vartotojai gali rasti PWA ir juos lengvai atpažinti kaip programą (o ne „svetainę“).
  • Įsitraukimas: PWA turi turėti prieigą prie vietinių įtraukimo funkcijų, tokių kaip tiesioginiai pranešimai.
  • Atnaujinimai: PWA išlieka atnaujinti ir aptarnauja naujausias paslaugos ar svetainės versijas.
  • Montavimas: leisti vartotojams lengvai „įdiegti“ PWA į pagrindinį ekraną, nereikalaujant programų parduotuvės.
  • Dalijimasis: Norint bendrinti PWA, reikia tik vieno URL be jokio diegimo.

Kaip matote, PWA tikslas - suteikti vartotojams visapusišką svetainės patirtį su supaprastintomis savosios programos funkcijomis ir sąsajos dizainu.



Kaip veikia progresyvi žiniatinklio programa?

„Progressive Web Apps“ raktas yra naršyklės paslaugų darbuotojai.

Aptarnavimo darbuotojas yra scenarijus, veikiantis jūsų naršyklės fone, „atskirtas nuo tinklalapio, atveriantis duris funkcijoms, kurioms nereikia tinklalapio ar vartotojo veiksmų“. Galite naudoti tokius paslaugų darbuotojus kaip tiesioginiai pranešimai ir sinchronizavimas fone šiuo metu, tačiau artimiausia PWA ateitis suteikia šiems scenarijams daugiau galios.



Aptarnavimo darbuotojai sudaro PWA standarto pagrindą, naudodamiesi žiniatinklio talpykla, kad pasiektų beveik momentinius rezultatus.

Prieš aptarnavimo darbuotojus naršyklės talpyklos scenarijus buvo „Application Cache“ (arba „App Cache“). Programų talpykla teikiama daugelyje neprisijungus naudojamų paslaugų, tačiau ji buvo šiek tiek klaidinga. Be to, „App Cache“ turi keletą gerai žinomų apribojimų, pvz Sąrašas atskirai aiškina.



Tačiau pagrindinė kūrėjų problema yra tiesioginės sąveikos su „AppCache“ veikimu stoka, neleidžianti kūrėjams tiksliai išspręsti kylančių problemų. Savo ruožtu svetainės ir paslaugos, turinčios visas neprisijungus veikiančias funkcijas, buvo rizikingas pasirinkimas.

Tačiau aptarnaujantys darbuotojai dirba tik tol, kol jų reikia imtis veiksmų. PWA, kai spustelite ką nors arba naudojate funkciją, paslaugų darbuotojas pradeda veikti. Aptarnavimo darbuotojas (atminkite, kad tai yra scenarijus) apdoroja įvykį ir nusprendžia, ar neprisijungus talpykla gali užpildyti užklausą. Idėja yra ta, kad PWA gali pasirinkti iš daugybės neprisijungusių talpyklų, suteikiančių daug platesnį neprisijungus naudojamų funkcijų spektrą.

Be to, talpykla skirta ne tik greičiui padidinti neprisijungus. Pavyzdžiui, einate į PWA, tačiau jūsų ryšys yra labai nevienodas. Aptarnavimo darbuotojas aptarnauja ankstesnę, visiškai veikiančią talpyklą, nepertraukdamas jūsų patirties.

Progresyvus žiniatinklio programų naršyklės palaikymas

Norint naudotis progresyvia žiniatinklio programa, taikomi du reikalavimai: suderinama naršyklė ir paslauga, palaikanti PWA.

Pirmiausia pažvelkime į naršykles. Turite dvi galimybes patikrinti PWA naršyklės palaikymą. Pirmasis yra Džeikas Archibaldas Ar pasirengęs aptarnauti darbuotojas ? kuriame patogiai rodoma pagrindinių naršyklių būsena, paruošta PWA, ir „Samsung“ internetas.

Norėdami gauti išsamesnę PWA naršyklės palaikymo apžvalgą, turėtumėte patikrinti Ar galiu naudoti , svetainė, kuri specializuojasi įvairių žiniatinklio ir naršyklės technologijų diegimo pagal naršyklės versiją sąraše. Pvz., Jei paieškos juostoje įvedate „aptarnaujantys darbuotojai“, rasite lentelę su versijos numeriu, kuriuo kiekviena naršyklė įdiegė PWA paslaugų darbuotojus.

Lentelė „Ar galiu naudoti paslaugų darbuotojus“ patvirtina, kad visos pagrindinės naršyklės palaiko PWA. Tai taip pat iliustruoja kelių alternatyvių stalinių ir mobiliųjų naršyklių PWA palaikymą.

Dar truputį suskaidykite:

  • Stalinio kompiuterio naršyklė (visas palaikymas): „Chrome“, „Firefox“, „Opera“, „Edge“, „Safari“
  • Stalinio kompiuterio naršyklė (dalinis palaikymas/pasenusi versija): „QQ“ naršyklė, „Baidu“ naršyklė
  • Mobilioji naršyklė (visas palaikymas): „Chrome“, „Firefox“, „Safari“, „UC“ naršyklė, „Samsung“ internetas, „Mint Browser“, „Wechat“
  • Mobilioji naršyklė (dalinis palaikymas/pasenusi versija): „QQ“ naršyklė, „Android“ naršyklė, „Opera Mobile“

Taigi visos pagrindinės naršyklės palaiko PWA. „Microsoft Edge“ ir „Safari“ yra naujausi viso palaikymo sąrašo papildymai. Priešingai, tiek „QQ Browser“, tiek „Baidu Browser“ dabar naudoja pasenusias versijas ir todėl pateko į antrąją pakopą.

Kaip rasti ir įdiegti progresyvią žiniatinklio programą

Dabar, kai žinote, kurią naršyklę naudoti, galite pagalvoti apie PWA paiešką ir įdiegimą. Šiame pavyzdyje naudosiu „Samsung Galaxy S8“ su „Google Chrome“.

Progresyvios žiniatinklio programos yra visur. Daugelis įmonių pritaikė savo svetaines ir paslaugas, kad galėtų pasiūlyti progresyvios žiniatinklio programos versiją. Daugeliu atvejų pirmą kartą susidursite su PWA, kai pateksite į pagrindinį puslapį arba paslaugų svetainę mobiliesiems, o tai suaktyvins Pridėti prie pagrindinio ekrano dialogo langas.

Peržiūrėkite žemiau esantį vaizdo įrašą, kad pamatytumėte, kas nutinka jums apsilankius „Twitter“ svetainė mobiliesiems .

Žinoma, aplankyti daugybę svetainių ir tikėtis pamatyti pagrindinio ekrano paleidiklį nėra naudinga. Tiesą sakant, tai užima daug laiko. Laimei, jums to nereikia daryti, nes yra keletas svetainių, skirtų PWA katalogavimui.

Pirma, pabandykite outweb . Jame išvardytas gana neblogas PWA asortimentas, dažnai atsiranda naujų variantų. Tada pabandykite pwa.rocks. Jo pasirinkimas yra mažesnis, tačiau yra keletas patogių PWA, kuriuos norite pridėti prie savo įrenginio.

Be to, 2019 m. Sausio mėn. „Chrome 72“, skirta „Android“, buvo pristatyta su patikima žiniatinklio veikla (TWA). TWA leidžia „Chrome“ skirtukus atidaryti atskiru režimu. Savo ruožtu tai leidžia PWA rodyti „Google Play“ programų parduotuvėje. Pirmieji „Google Play“ pasirodę PWA buvo pirmieji „Twitter Lite“ , „Instagram Lite“ ir „Google Maps Go“ , laikui bėgant pasirodys daugiau.

Vaizdų galerija (2 vaizdai) Išplėsti Išplėsti Uždaryti

Ar progresyvios žiniatinklio programos pakeis vietines programas?

Progresyvios žiniatinklio programos yra puikus hibridinis žingsnis tarp naršyklės ir vietinės programos mobiliesiems. Ar PWA visiškai pakeis vietines programas? Tai sunkus „ne“ iš manęs. PWA yra puikus kaip lengvas pasiūlymas, tačiau atsižvelgiant į tai, kad šiuo metu daugiausia dėmesio skiriama esamų svetainių ir paslaugų kartojimui, jie nepakeis vietinių programų.

Bent jau kol kas.

kaip užblokuoti nepageidaujamus skambučius fiksuotojo ryšio nemokamai

Tačiau PWA veikia. „PWA Stats“ turimi duomenys taip pat tai patvirtina. Štai keletas įdomių skaičių, iliustruojančių, kaip PWA keičia mūsų sąveiką su dažniausiai naudojamomis svetainėmis:

  • „Trivago“ 150 procentų padidino vartotojų, įtraukiančių savo PWA į pagrindinį ekraną, įsitraukimą.
  • „Forbes“ „PWA“ pagrindinis puslapis visiškai įkeliamas vos per 0,8 sekundės, o vieno apsilankymo parodymai padidėja 10 proc. „Forbes“ PWA taip pat padvigubino vartotojų sesijų trukmę.
  • „Twitter Lite“ puslapių skaičius per sesiją padidėjo 65 proc., O „tweets“ - 75 proc. Jis taip pat yra interaktyvus „per mažiau nei 5 sekundes per 3G“.
  • „Alibaba“ mobiliųjų įrenginių konversijų skaičius padidėjo 76 proc.

PWA dar nėra pagrindinės. Tačiau turėdami daugybę privalumų, pvz., Taupydami vietą įrenginyje, ateityje apie juos išgirsite daugiau.

Dalintis Dalintis „Tweet“ Paštu Kalbos animacijos vadovas pradedantiesiems

Kalbos animacija gali būti iššūkis. Jei būsite pasirengę pradėti dialogą prie savo projekto, mes suskaidysime procesą už jus.

Skaityti toliau Susijusios temos Apie autorių Gavinas Phillipsas(Paskelbti 945 straipsniai)

Gavinas yra „Windows“ ir „Technology Explained“ jaunesnysis redaktorius, nuolatinis „Tikrai naudingos podcast“ dalyvis ir nuolatinis produktų apžvalgininkas. Jis turi šiuolaikinio rašymo bakalauro laipsnį (Hons) ir skaitmeninio meno praktiką, išplėštą iš Devono kalvų, taip pat turi daugiau nei dešimtmetį profesinės rašymo patirties. Jis mėgsta daugybę arbatos, stalo žaidimų ir futbolo.

Daugiau iš Gavino Phillipso

Prenumeruokite mūsų naujienlaiškį

Prisijunkite prie mūsų naujienlaiškio, kad gautumėte techninių patarimų, apžvalgų, nemokamų el. Knygų ir išskirtinių pasiūlymų!

Norėdami užsiprenumeruoti, spustelėkite čia