Padarykite progresyvią interneto programą (PWA) savo geriausiu draugu

„PWA yra interneto plėtros revoliucija. Tai padeda padidinti jūsų produktyvumą teikiant puikią patirtį vartotojui, apjungiančią žiniatinklio ir mobiliųjų programų pranašumus už minimalias išlaidas. “
Rankos paspaudimas yra gera praktika

Sukratymas su PWA leidžia jūsų klientui susižavėti. O PWA visada pasiruošęs tapti geriausiu draugu, kodėl tada mes nesiunčiame draugai užklausos į PWA?

Laikas žengti gerą žingsnį link PWA ir paaiškinsiu, kaip jūsų draugystė naudinga jums su PWA!

Nepainiokite su PWA

Dėl tam tikrų priežasčių daugelis žmonių mano, kad PWA yra vieno puslapio programos (SPA).
Tai neteisinga, tikrai labai neteisinga (su būsenos kodu 400 ).

SPA gali būti PWA, tačiau PWA neprivalo būti SPA.

PWA mėgsta dirbti su visais

Svetainė, sukurta bet kurioje sistemoje ar bibliotekoje, tokiose kaip ReactJs, Angular, VueJS ar net HTML, gali būti PWA.

Paprasčiau tariant, „Progressive Web App“ yra svetainė mobiliesiems, pakeista papildomomis funkcijomis ir funkcijomis, kurios suteikia „programos tipo“ pojūtį. Jis veikia naudojant naršyklės egzempliorių ir pasitelkia aptarnaujantį darbuotoją, kad užtikrintų sklandų darbą net neturint patikimo interneto ryšio.

Jei turite mitą, kad PWA yra „Google“ technologija, šios informacijos pakanka jūsų mitui išvalyti. Pažangiosios žiniatinklio programos yra pagrįstos žiniatinklio standartais. Tai veikia su kiekviena naršykle ir kiekviena platforma.

Taigi tai yra svetainė, tačiau ji atrodo kaip savadarbė programa mobiliesiems, turinti splash ekraną, pasirinktinį įkėlimo ekraną, sklandesnes animacijas, tiesioginius pranešimus ir be naršymo juostos. Vidutiniai galutiniai vartotojai gali tai vadinti mobiliąja programa.

Pažangiosios interneto programos yra svetainės, kurios turi atitikti tris techninius reikalavimus:

  • Turi būti aptarnaujamas naudojant HTTPS (saugų)
  • Turėkite galiojantį žiniatinklio manifestą su minimaliu konkrečių piktogramų rinkiniu
  • Turėtumėte užregistruoti galiojantį aptarnavimo darbuotoją ir minimalų palaikymą neprisijungus

Niekas šiuose reikalavimuose nenurodo, kad svetainė turi naudoti „JavaScript“. Trumpai tariant, jūs turite užregistruoti aptarnaujantį darbuotoją naudodami kliento „JavaScript“.

„PWA“ palaiko šias funkcijas:

  • Prisegimas prie pagrindinio ekrano - pagrindiniame ekrane galime pridėti žiniatinklio programos piktogramą.
  • „Push Notifications“ - galime integruoti tiesioginį pranešimą, kaip ir savojoje programoje, naudodami žiniatinklio „Push“ API ir „Notification“ API.
  • „Splash Screen“ - manifesto failas tvarko jūsų PWA ekrano ekraną, kad jis būtų įtrauktas kaip vietinė programa
  • Geografinė vieta - esamą vartotojo buvimo vietą galime pasiekti naudodami „Geolocation“ API
  • Darbo režimas neprisijungus - dėl aptarnaujančio darbuotojo, valdančio talpyklos išsaugojimo mechanizmą, gausime turtingą vartotojo patirtį, net jei nėra interneto.
  • Prieiga prie daugialypės terpės funkcijų - galime pasiekti mikrofonų, vaizdo įrašų ir fotoaparatų įrenginius. Be to, įgyvendinkite vaizdo ir garso skambučių funkciją naudodami „WebRTC API“.

Apskritai, jums nereikia kurti atskiros programos mobiliesiems tam pačiam projektui, jei jūsų reikalavimai patenkinti naudojant PWA funkcijas. Tai reiškia, kad PWA vis dar stengiasi pateikti kai kurias savitosios programos funkcijas.

Taip, tai yra internetinių kūrėjų momentas. Kitos naudingos funkcijos jau yra pakeltos. „PWA“ jau laukia savųjų programų panašių funkcijų. Pažvelkime į tas savybes, kurios mums tikrai pravers.

Ateityje „PWA“ palaikys šias funkcijas, tokias kaip:

  • „Bluetooth“ - internetinė „Bluetooth“ API plėtojama ir netrukus mes prieisime „Bluetooth“ žiniatinklio platformoje.
  • Jutikliai - jutikliai yra tikrai svarbi šių dienų vystymosi eros dalis. Kai kurie jutikliai jau yra kuriami, pavyzdžiui, aplinkos šviesos jutiklis, artumo jutiklis, akselerometro jutiklis, magnetometro jutiklis ir giroskopo jutiklis.
  • Vietinis bendrinimas - galime pasitelkti vietinį įrenginio bendro naudojimo mechanizmą kaip „Web Share API“ dalį.
  • Pirštų atspaudų jutiklis - galime autentifikuoti vartotojus naudodamiesi pirštų atspaudų jutikliu naudodami žiniatinklio autentifikavimo API. Bet ar ji vis dar tobulinama dėl saugumo priežasčių?

Kodėl šiais laikais visi priima PWA?

Perskaitę kai kurias didelių įmonių, kurios priima PWA, statistiką, žinosite PWA galią ir aiškiai suprasite, kodėl visi nori naudotis PWA.

Štai noriu jums parodyti keletą populiarių kompanijų PWA pavyzdžių duomenų:

  • „Twitter“ sukūrė progresyvią „Web Lite“ programą „Twitter Lite“ 2017 m. Balandžio mėn.
  • Didžiausia Indijos elektroninės komercijos svetainė „Flipkart“ 2015 m. Nusprendė netaikyti tik programų strategijos. Po to jie pasirodė su „Flipkart Lite“, kurią teikia „PWA“, ir jūs nustebsite perskaitę puikius rezultatus. Naudotojai praleido daugiau laiko svetainėje 3 kartus, pakartotinio įsitraukimo rodikliai yra 40% didesni, 70% didesnis konversijų rodiklis tarp atvykstančių per „Pridėti į pagrindinį“ ekraną ir 3 kartus mažesnis duomenų sunaudojimo lygis, palyginti su savąja programa.
  • Alibaba.com, didžiausia pasaulyje internetinė B2B prekybos platforma. Alibaba.com pristatė naują strategiją, kaip PWA, kad užtikrintų puikią vartotojo patirtį tiek pirmą kartą apsilankiusiems, tiek pakartotiniams lankytojams. Nauja strategija atnešė stulbinamų rezultatų. Alibaba.com pasiekė 76% aukštesnį konversijų rodiklį naršyklėse, 4% daugiau aktyvių vartotojų per mėnesį naudodamiesi „iOS“ ir 30% „Android“ ir 4x didesnį sąveikos procentą iš „Pridėti į pagrindinį“ ekraną.

Taip, tai yra neįtikėtina ir mes turime sutikti su „Progressive Web App“ grožiu. Dabar jūs suprantate, kodėl aš verčiu jus padaryti PWA geriausiu draugu.

„Play Store“ yra pasirengusi publikuoti PWA

Taip taip taip! „Play Store“ ir PWA dabar tapo draugais. Dabar galime paskelbti PWA žaidimų parduotuvėje naudodamiesi patikimos internetinės veiklos (TWA) pagalba. „Google Chrome 72“ pridėjo patikimų žiniatinklio veiklų, kad palaikytų viso ekrano žiniatinklio rodinį nerodant URL ar jokių su naršykle susijusių elementų. Taigi, naudodami „Android“ studiją ir turėdami žinių apie „Android“ plėtrą, galite sugeneruoti savo žiniatinklio programos APK ir nusiųsti ją į „Play Store“.

Čia rekomenduoju žiūrėti žemiau esantį vaizdo įrašą, kad gautumėte išsamių žinių apie TWA:

PWA, tokių kaip „Facebook Lite“, „Instagram Lite“, „Flipkart Lite“ ir „Twitter Lite“, egzistavimas dažniausiai naudoja „WebView“ ir suteikia mums panašų į programą. Tačiau atminkite, kad „Apple“ vis dar neteikia paramos TWA.

Galų gale galime pasakyti, kad PWA yra geras ir ekonomiškas metodas plėtojant mūsų žiniatinklio programas. Tai tikrai yra interneto svetainių kūrimo ateitis. Tikimės, kad PWA ateityje mums tarnaus daugiau, kaip visada.

Clap Clap Clap! Nes plakimas yra geras įprotis