Muutke progressiivne veebirakendus (PWA) teie parimaks sõbraks

“PWA on veebiarenduse jaoks revolutsiooniline. See aitab tõsta teie tootlikkust, pakkudes suurepärast kasutajakogemust, mis ühendab minimaalsete kuludega nii veebi- kui ka mobiilirakenduste eelised. ”
Käepigistus on hea tava

Raputamine PWA-ga hoiab teie klienti huvitatud. Ja PWA on alati valmis saama teie parimaks sõbraks, miks me siis ei saada sõbrakutset PWA-le?

On aeg astuda hea samm PWA poole ja ma selgitan, kuidas teie sõprus on teile PWA-ga kasuks!

Ärge ajage segadusse PWA-d

Mõnel põhjusel arvavad paljud inimesed, et PWA-d on ühelehelised rakendused (SPA).
See on vale, tõesti väga vale (olekukoodiga 400 ).

SPA võib olla PWA, kuid PWA ei pea olema SPA.

PWA armastab kõigiga koostööd teha

Mis tahes raamistikule või raamatukogule (nt ReactJs, Angular, VueJS või isegi HTML) ehitatud veebisait võib olla PWA.

Kõige lihtsamalt öeldes on progressiivne veebirakendus mobiilne veebisait, mis on muudetud lisafunktsioonide ja funktsioonidega, mis annavad sellele rakenduse-laadse tunde. See töötab brauseri eksemplari abil ja teenindustöötaja abil, et tagada tõrgeteta toimimine ka ilma usaldusväärse Interneti-ühenduseta.

Kui teil on müüt, et PWA on Google'i tehnoloogia, siis on need andmed teie müüdi kustutamiseks piisavad. Progressiivsed veebirakendused põhinevad veebistandarditel. See töötab iga brauseri ja iga platvormiga.

Nii et see on veebisait - kuid see tundub olevat loomulik mobiilirakendus, millel on tilkkuva, kohandatud laadimiskuva, sujuvamad animatsioonid, tõukemärguanded ja navigeerimisriba pole. Teie keskmised lõppkasutajad võivad seda nimetada mobiilirakenduseks.

Progressiivsed veebirakendused on veebisaidid, mis peavad vastama kolmele tehnilisele nõudele:

  • Peab teenima HTTPS-i (turvaline) abil
  • Kas teil on kehtiv veebifailide manifest, mis sisaldab minimaalset konkreetset ikoonide komplekti
  • Peaks registreerima kehtiva teenindaja ja minimaalse võrguühenduseta toe

Miski neist nõuetest ei ütle, et veebisait peab kasutama JavaScripti. Lühidalt, peate teenindaja registreerima, kasutades kliendipoolset JavaScripti.

PWA toetab järgmisi funktsioone:

  • Avaekraanile kinnitamine - saame lisada oma veebirakenduse ikooni avakuvale.
  • Tõuketeatised - me saame integreerida tõukemärguanded nagu loomulikus rakenduses, kasutades selleks push-API ja veebi Notification API-sid.
  • Splash Screen - manifestifail haldab teie PWA prügikujutist katvuse saavutamiseks nagu pärisrakendus
  • Geograafiline asukoht - pääsete kasutaja praegusele asukohale juurde geolocation API kaudu
  • Võrguühenduseta töörežiim - vahemälumehhanismi haldava teenindustöötaja tõttu saame rikkaliku kasutajakogemuse ka siis, kui Internetti pole.
  • Juurdepääs meediumifunktsioonidele - pääsete juurde mikrofoni-, video- ja kaameraseadmetele. Samuti rakendage video- ja helikõnede funktsioonid WebRTC API abil.

Üldiselt ei pea te sama projekti jaoks eraldi mobiilirakendust välja töötama, kui teie nõuded on PWA funktsioonidega täidetud. See tähendab, et PWA on endiselt hädas mõne omarakenduse funktsioonide pakkumisega.

Jah, see on veebiarendajate jaoks vau hetk. Muud kasulikud funktsioonid on juba teel. PWA ootab juba põnevate rakenduste sarnaste funktsioonide pakkumist. Vaatame neid funktsioone, mis on meile tõesti abiks.

PWA toetab tulevikus järgmisi funktsioone, näiteks:

  • Bluetooth - veebi Bluetooth API on väljatöötamisel ja peagi pääseme veebiplatvormil juurde ka Bluetoothile.
  • Andurid - andurid on tänapäevase arenguajastu tõeliselt oluline osa. Mõne anduri juurdepääs on juba arendamisel, näiteks ümbritseva valguse andur, lähedussensor, kiirendusmõõturi andur, magnetomeetri andur ja güroskoobi sensor.
  • Native Sharing - saame veebiosaku API osana kasutada seadme loomulikku jagamismehhanismi.
  • Sõrmejäljeandur - saame autentimiseks kasutajaid sõrmejäljeanduri kaudu kasutada veebiautentimise API abil. Kuid kas see on endiselt turvalisuse kaalutlustel väljatöötamisel.

Miks kõik tänapäeval PWA-d omaks võtavad?

Olles tutvunud PWA-d omaks võtnud suurte ettevõtete statistikaga, saate teada PWA võimet ja mõistate selgelt, miks kõik tahavad PWA-d kasutada.

Siinkohal tahan näidata teile mõnda teavet populaarsete ettevõtete PWA juhtumiuuringutest:

  • Twitter töötas 2017. aasta aprillis välja Twitter Lite'i progressiivse veebirakenduse ja selle tulemusel suurendab twitter ühe seansi lehti 65%, Twitteri saadetud lisandumised suurenevad 75% ja põrkeprotsent väheneb 20%.
  • India suurim e-kaubanduse sait Flipkart otsustas 2015. aastal sulgeda ainult rakenduste strateegia. Pärast seda tulid nad turule Flipkart Lite'iga, mida juhib PWA, ja teid hämmastab selle suurepäraste tulemuste lugemine. Kasutajad veetsid saidil rohkem aega 3x kiirusega, uuesti kaasamise määrad on 40% kõrgemad, 70% kõrgem konversioonimäär on nende vahel, kes saabuvad ekraanile Lisa avalehele, ja 3x väiksem andmekasutus võrreldes omarakendusega.
  • Alibaba.com, maailma suurim veebipõhine B2B kauplemisplatvorm. Alibaba.com tuli uue strateegiana PWA-na, et pakkuda suurepärast kasutajakogemust nii esmakordsetele kui ka korduvkülastajatele. Nende uus strateegia tõi kaasa üllatavaid tulemusi. Alibaba.com sai brauserites 76% kõrgemat konversioonimäära, iOS-is igakuiselt aktiivseid kasutajaid 4% ja Androidi puhul 30% rohkem ning kuvas Lisa avalehele 4x kõrgemat suhtlemismäära.

Jah, see on uskumatu ja me peame leppima progressiivse veebirakenduse iluga. Nüüd saate aru, miks ma sunnin teid PWA-st oma parimaks sõbraks.

Play pood on PWA-de avaldamiseks valmis

Jah jah jah! Play pood ja PWA-d on nüüdseks sõpradeks saanud. Nüüd saame usaldusväärsete veebitegevuste (TWA) abil avaldada PWA-d mängupoodides. Google Chrome 72 lisas usaldusväärse veebitegevuse, et toetada täisekraani veebivaadet ilma URL-i või brauseriga seotud elemente kuvamata. Nii saate Androidi stuudio ja mõne teadmise abil Androidi arendamise kohta genereerida oma veebirakenduse APK ja selle mängupoodi üles laadida.

Siin soovitan teil vaadata TWA-st allpool olevat videot, et saada üksikasjalikke teadmisi TWA kohta:

Selliste PWA-de olemasolu nagu Facebook Lite, Instagram Lite, Flipkart Lite ja Twitter Lite kasutavad enamasti WebView-funktsiooni ja tekitavad meile rakendusesarnase tunde. Kuid pidage meeles, et Apple ei toeta ikkagi TWA-d.

Lõpuks võime öelda, et PWA on hea ja kulutõhus lähenemisviis meie veebirakenduste arendamiseks. Kindlasti on see veebiarenduse tulevik. Loodame, et PWA teenib meid tulevikus rohkem, nagu alati.

Plaksutama plaksutama! Kuna plaksutamine on hea komme