Padariet progresīvo tīmekļa lietotni (PWA) par labāko draugu

“PWA ir revolucionārs tīmekļa izstrādē. Tas palīdz palielināt jūsu produktivitāti, nodrošinot lielisku lietotāja pieredzi, kas apvieno gan tīmekļa, gan mobilo lietotņu priekšrocības ar minimālām izmaksām. ”
Rokas paspiešana ir laba prakse

Kratīšana ar PWA nodrošina jūsu klienta iesaistīšanos. Un PWA vienmēr ir gatavs kļūt par jūsu labāko draugu, kāpēc tad mēs nesūtām drauga pieprasījumu PWA?

Ir pienācis laiks spert labu soli pretī PWA, un es paskaidrošu, kā jūsu draudzība ir izdevīga PWA!

Nejaucieties ar PWA

Dažu iemeslu dēļ daudzi cilvēki domā, ka PWA ir vienas lapas lietojumprogrammas (SPA).
Tas ir nepareizi, tiešām ļoti nepareizi (ar statusa kodu 400 ).

SPA var būt PWA, bet PWA nav jābūt SPA.

PWA patīk strādāt ar visiem

Vietne, kas veidota uz jebkura pamata vai bibliotēkas, piemēram, ReactJs, Angular, VueJS vai pat HTML, var būt PWA.

Vienkāršāk sakot, progresīvā tīmekļa lietotne ir mobila vietne, kas pārveidota ar papildu funkcijām un funkcijām, kas tai piešķir lietotnei līdzīgu sajūtu. Tas darbojas, izmantojot pārlūka gadījumu, un izmanto servisa darbinieku, lai nodrošinātu vienmērīgu darbību pat bez uzticama interneta savienojuma.

Ja jums ir mīts, ka PWA ir Google tehnoloģija, tad ar šo informāciju pietiek, lai dzēstu jūsu mītu. Progresīvo tīmekļa lietotņu pamatā ir tīmekļa standarti. Tas darbojas ar katru pārlūku un katru platformu.

Tātad tā ir vietne, taču tā jūtas kā vietējā mobilā lietotne ar šļakatu ekrānu, pielāgotu ielādes ekrānu, vienmērīgākām animācijām, push paziņojumiem un bez navigācijas joslas. Vidējie galalietotāji to var nosaukt par mobilo lietotni.

Progresīvās tīmekļa lietojumprogrammas ir vietnes, kurām jāatbilst trim tehniskajām prasībām:

  • Jāapkalpo, izmantojot HTTPS (drošu)
  • Ir derīgs tīmekļa manifests ar minimālu ikonu kopu
  • Jāreģistrē derīgs servisa darbinieks un minimālais bezsaistes atbalsts

Nekur šajās prasībās nav teikts, ka vietnei ir jāizmanto JavaScript. Īsi sakot, jums ir jāreģistrē servisa darbinieks, izmantojot klienta puses JavaScript.

PWA atbalsta šādas funkcijas:

  • Piespraušana sākuma ekrānam - sākuma ekrānā varam pievienot mūsu tīmekļa lietotnes ikonu.
  • Paziņojumi par push - mēs varam integrēt push paziņojumu, piemēram, vietējā lietotnē, izmantojot Push API un Notification API tīmeklī.
  • Splash Screen - manifesta fails pārvalda jūsu PWA splash screen, lai sasniegtu iesaisti, piemēram, vietējā lietotnē
  • Ģeogrāfiskā atrašanās vieta - mēs varam piekļūt lietotāja pašreizējai atrašanās vietai, izmantojot ģeogrāfiskās atrašanās vietas noteikšanas API
  • Darba režīms bezsaistē - tā kā servisa darbinieks pārvalda kešatmiņas saglabāšanas mehānismu, mēs gūsim bagātīgu lietotāju pieredzi, pat ja nav interneta.
  • Piekļuve multivides funkcijām - mēs varam piekļūt mikrofonu, video un kameru ierīcēm. Ieviesiet arī video un audio zvana funkcionalitāti, izmantojot WebRTC API.

Kopumā jums nav jāizstrādā atsevišķa mobilā lietotne vienam un tam pašam projektam, ja jūsu prasības ir izpildītas ar PWA funkcijām. Tas nozīmē, ka PWA joprojām cenšas nodrošināt dažas vietējās lietotnes funkcijas.

Jā, tas ir īsts brīdis tīmekļa izstrādātājiem. Citas noderīgas funkcijas jau ir ceļā. PWA jau cer piedāvāt vietējām lietotnēm līdzīgas funkcijas. Apskatīsim tās funkcijas, kuras mums patiešām noderēs.

PWA nākotnē atbalstīs šādas funkcijas, piemēram:

  • Bluetooth - Web Bluetooth API tiek izstrādāts, un mēs drīz piekļūsim Bluetooth tīmekļa platformā.
  • Sensori - sensori ir patiešām nozīmīga mūsdienu attīstības laikmeta sastāvdaļa. Dažiem sensora piekļuves līmeņi jau tiek attīstīti, piemēram, apkārtējās gaismas sensors, tuvuma sensors, akselerometra sensors, magnetometra sensors un žiroskopa sensors.
  • Vietējā koplietošana - mēs varam izmantot ierīces vietējās koplietošanas mehānismu kā Web Share API daļu.
  • Pirkstu nospiedumu sensors - mēs varam autentificēt lietotājus, izmantojot pirkstu nospiedumu sensoru, izmantojot Web autentifikācijas API. Bet vai tas joprojām tiek izstrādāts drošības apsvērumu dēļ.

Kāpēc mūsdienās visi pieņem PWA?

Pēc iepazīšanās ar statistiku par lielajiem uzņēmumiem, kuri pieņem PWA, jūs zināt PWA spēku un skaidri saprotat, kāpēc visi vēlas izvēlēties PWA.

Es vēlos jums parādīt dažus datus no populāru uzņēmumu PWA gadījumu pētījumiem:

  • Twitter 2017. gada aprīlī izstrādāja vietni Twitter Lite Progressive Web App, un rezultātā twitter palielina vienas sesijas lappuses par 65%, Tweets nosūtīto palielinājums par 75% un atlēcienu līmeņa samazinājums par 20%.
  • Flipkart, Indijas lielākā e-komercijas vietne, nolēma 2015. gadā izslēgt tikai lietotņu stratēģiju. Pēc tam viņi nāca klajā ar Flipkart Lite, kuru darbina PWA, un jūs pārsteigsiet, lasot tā lieliskos rezultātus. Lietotāji vietnē pavadīja vairāk laika trīs reizes, atkārtotas iesaistes līmenis ir par 40% lielāks, par 70% lielāks reklāmguvumu līmenis starp tiem, kas ierodas, izmantojot ekrānu Pievienot sākumam, un trīs reizes mazāks datu lietojums, salīdzinot ar vietējo lietotni.
  • Alibaba.com, pasaulē lielākā tiešsaistes B2B tirdzniecības platforma. Alibaba.com nāca klajā ar jaunu stratēģiju kā PWA, lai nodrošinātu lielisku lietotāja pieredzi gan pirmreizējiem, gan atkārtotiem apmeklētājiem. Viņu jaunā stratēģija deva pārsteidzošus rezultātus. Alibaba.com ieguva par 76% augstāku reklāmguvumu līmeni visās pārlūkprogrammās, ieguva par 4% vairāk aktīvo lietotāju mēnesī operētājsistēmā iOS un 30% operētājsistēmā Android, kā arī par 4 reizes lielāku mijiedarbības līmeni no ekrāna Pievienot sākumam.

Jā, tas ir neticami, un mums ir jāpieņem progresīvās tīmekļa lietotnes skaistums. Tagad jūs saprotat, kāpēc es lieku jums padarīt PWA par labāko draugu.

Play veikals ir gatavs publicēt PWA

Jā, jā, jā! Play veikals un PWA tagad ir kļuvuši par draugiem. Tagad PWA var publicēt Play veikalā, izmantojot uzticamās tīmekļa aktivitātes (TWA). Google Chrome 72 pievienoja uzticamas tīmekļa aktivitātes, lai atbalstītu pilna ekrāna tīmekļa skatu, nerādot URL vai citus pārlūka elementus. Tātad, izmantojot Android studio palīdzību un dažas zināšanas par Android attīstību, jūs varat ģenerēt savas tīmekļa lietotnes APK un augšupielādēt to Play veikalā.

Šeit es iesaku jums noskatīties zemāk esošo video, lai iegūtu sīkāku informāciju par TWA:

Tādu PWA kā Facebook Lite, Instagram Lite, Flipkart Lite un Twitter Lite esamība lielākoties izmanto WebView un rada mums lietotnei līdzīgu sajūtu. Bet ņemiet vērā, ka Apple joprojām nesniedz atbalstu TWA.

Noslēgumā mēs varam teikt, ka PWA ir laba un rentabla pieeja mūsu tīmekļa lietotņu izstrādei. Tā noteikti ir tīmekļa attīstības nākotne. Mēs ceram, ka PWA nākotnē mums kalpos vairāk, kā vienmēr.

Clap Clap Clap! Tā kā klabēšana ir labs ieradums