Progresīvās tīmekļa lietojumprogrammas - mūsdienu tīmekļa nākotne?

Mūsdienās progresīvās tīmekļa lietojumprogrammas (PWA) ir pilsētas runas, galvenokārt pateicoties viņu apbrīnojamajai izmantojamībai un unikālajai lietotāja pieredzei. Ar apvienotajām vietņu un vietējo lietotņu iezīmēm PWAs kļūst par normu daudzu ierīču tīmekļa lietojumprogrammām ļaujot izstrādātājiem veidot strauji ielādējamas dinamiskas lietotnes bez hibrīdkonstrukcijām.

Es uzskatu, ka progresīvās tīmekļa lietojumprogrammas ir tīmekļa vietņu nākotne - un sekojošā rakstā es apspriedīšu tās priekšrocības un lietos gadījumus, lai sniegtu jums visu attēlu. Let's get to uz to.

Kas ir progresīvās tīmekļa lietojumprogrammas?

Termiņš “Progressive Web Apps” pirmo reizi radīja Alex Rusell (Google Chrome attīstītājs) un Frances Berriman (dizainers). Alex dalījās ar savu ideju par Progressive Web Apps “Šīs lietotnes nav iepakotas un izvietotas, izmantojot veikalus, tās ir tikai tīmekļa vietnes, kurās bija visi pareizie vitamīni“.

“Vietnēm, kuras vēlas nosūtīt jums paziņojumus vai būt jūsu sākuma ekrānā, ir jāmācās tā tiesības laika gaitā, kad tās tiek izmantotas arvien vairāk. Viņi pakāpeniski kļūst par “lietotnes”“, rakstīja Alex par PWA aplamību. Visbeidzot, viņš secināja, “šīs lietotnes var nodrošināt vienmērīgu labāka lietotāju pieredze nekā tradicionālās tīmekļa lietotnes“.

Tīmekļa lietotnes pret progresīvām tīmekļa lietojumprogrammām

Tīmekļa lietotnes vai tradicionālās tīmekļa lietotnes ir klienta puses darboties tieši tīmekļa pārlūkprogrammā. Lai gan tie ir labāki nekā tīmekļa vietnes, viņiem ir savi jautājumi. Ja nezināt atšķirību starp tīmekļa lietotnēm un vietnēm, tīmekļa lietotnes atšķiras no vietnēm, jo ​​tīmekļa lietojumprogrammas izskatās un jūtas kā vietējās lietotnes.

Tas nozīmē, ka progresīvās tīmekļa lietojumprogrammas ir nākamās paaudzes tīmekļa lietotnes kas darbojas vairāk kā vietējās lietotnes, izmantojot ierīces vietējos uzlabojumus. Piemēram, var veikt Progressive Web Apps izmantot vietējās iezīmes piemēram, kamera, bākas utt. kopā ar tādām funkcijām kā bezsaistes kešatmiņa, push paziņojumi utt.

Kāpēc mums ir nepieciešamas progresīvas tīmekļa lietojumprogrammas?

Mums ir vietējās lietotnes, no vienas puses, tās ir neticami ātras un uzticamas pat sliktākajās situācijās, piemēram, lēnā vai bez savienojuma. Bet tad mums ir tīmekļa vietnes un tīmekļa lietojumprogrammas, kas, no otras puses, ir lēnas un nedarbojas nevienā tīkla stāvoklī. Tāpēc lielākā daļa cilvēku dod priekšroku vietējām lietotnēm.

Paātrinātās mobilās lapas (AMP), kas ir Google atbalstīts projekts, tika uzsāktas 2016. gadā risināt lēnās savienojuma problēmas, jo īpaši viedtālruņiem, un mobilajiem lietotājiem nodrošina labāku lietotāju pieredzi. Tomēr AMP neatrisina problēmas, kas saistītas ar tīkla problēmām. Turklāt tas nepalielina iekraušanas laiku tikpat daudz kā vietējās lietotnes, un atkal ir ierobežojumi, lai sasniegtu šo ātrumu.

Tāpēc mums ir nepieciešamas progresīvas tīmekļa lietojumprogrammas. PWA nodrošina labākā iespējamā lietotāja pieredze lēni vai bez tīkla nosacījumiem. Piemēram, PWA var parādīt progresa ekrānu, kad tiek ielādēts saturs vai splash screen, ja nav interneta savienojuma.

Kāpēc Progressive Web Apps ir jēga?

Kā norādīts comScore 2017. gada mobilā lietotnes lietojumprogrammas pārskatā, lietotņu lietotāji tērē gandrīz 77 procenti no sava laika ir trīs labākajās lietotnēs, kamēr pārējās lietotnes paliek dīkstāves, bet joprojām bloķē sistēmas resursus, ieskaitot atmiņu. Turklāt tā arī piekrīt tam 50 procenti lietotāju ik mēnesi lejupielādē nulles lietojumprogrammas. Šis fakts liecina, ka lietotāji nevilcinās instalēt jaunas lietotnes, un tādējādi PWA ir malas.

Es uzskatu, ka cilvēki galvenokārt dodas uz vietnēm uz galddatoriem, bet dod priekšroku lietotnēm mobilajās ierīcēs (vietējās lietotnes, protams). Iemesls ir tas, ka datori piedāvā daudz vairāk tīkla resursu nekā viedtālruņi, un lietotnes patērē mazāk resursu nekā viņu kolēģu tīmekļa vietnes. Tie ir arī ātri un droši.

Turklāt vietējās lietotnes maksā daudz vairāk nekā tīmekļa vietnes - atkarībā no projekta veida - pat piecas līdz desmit reizes vai vairāk. Arī to izmaksas var vairoties, ja ir nepieciešams izstrādāt vietējās lietotnes vairākām platformām (piemēram, Android un iOS) ar dažādām koda bāzēm. Tomēr PWA var palīdzēt līdz minimumam samazināt šādas augstās attīstības izmaksas, pateicoties tās atbalstam dažādās platformās.

Progressive Web Apps funkcijas

Progresīvajām tīmekļa lietojumprogrammām ir daudzas tiešas funkcijas, kas padara tās atšķirīgas no vienkāršākiem partneriem, t.i., tīmekļa lietotnēm (vai vienkāršākām - tīmekļa vietnēm):

• Atsaucīgs. Darbs ar visām jebkura ekrāna izmēra ierīcēm.
• Vispirms bezsaistē. Ielādēt lēnā vai bez tīkla.
• App līdzīga sajūta. Paskaties un mijiedarbojas kā vietējā lietotne.
• Atjaunināts. Atjauniniet to pašu, gandrīz pārredzami.
• Droša un droša. Izmantojiet HTTPS, lai ielādētu lapu resursus.
• Atklājams. Izmantojiet saturu meklētājprogrammām.
• Atkārtoti ieslēdzams. Atkārtoti iesaistieties, teiksim, izmantojot paziņojumus.
• Instalējams. Var ievietot sākuma ekrānā.
• Saistošs. Ielādējiet lietojumprogrammas lapas, bet ar URL.

Man interesanti ir tas, ka progresīvās tīmekļa lietojumprogrammas ne tikai izskatās un jūtas kā vietējās lietotnes, bet arī ir piekļūt ierīces vietējām iezīmēm. Tas nozīmē, ka PWA var noķert no jums, izmantojot ierīces kameru. Tomēr man ir jāpiekrīt, ka tai nav piekļuves ierobežotām funkcijām, piemēram, atrašanās vietai, tālrunim vai SMS.

Piezīme: Jūs varat lasīt vairāk par tās funkcijām un citām detaļām šajā ziņojumā.

Progresīvo tīmekļa lietotņu izveide?

Google nodrošina “Progressive Web App kontrolsaraksts” - detalizēts saraksts, kas palīdz iesācējiem izveidot progresīvas tīmekļa lietojumprogrammas. Šis saraksts bez saraksta ir vienāds ar nepieciešamās funkcijas, lai izveidotu PWA - a “PWA bāzes līnija” un “PWA piemērs”; Pirmajā sarakstā ir izšķirošas lietas pamata lietotnei un pēdējai par uzlaboto lietotni.

Turklāt ir dažādi rīki, kas palīdzēs jums izveidot PWA. Piemēram, bāka ir bezmaksas, atvērts avots rīks tīmekļa lapas uzlabošanai tostarp pieejamības, veiktspējas un PWA funkciju kvalitātes pārbaudes. Vēl viens raksturīgs rīks ir Workbox, kas palīdz veidojiet lietojumprogrammas ar pirmo bezsaistes pieredzi.

Vai Progressive Web Apps ir nākotne?

Lai gan Progressive Web Apps var atrisināt visas mūsu lietotnes problēmas vai tuvākajā nākotnē aizstāt vietējās lietotnes, tomēr es uzskatu, ka tai būs nozīmīga loma, pateicoties tās priekšrocības, kas ir daudz vairāk nekā tās ierobežojumi. Un ar gandrīz katru lielo platformu, kas sāk atbalstīt PWA, nav tālu, kad mēs tos redzēsim visur.

Apple ieviesa PWA funkcijas (Web API) Safari 11.1, ieskaitot Beacon API, Pakalpojumu darbiniekus, Web App manifestu utt .; līdz ar to PWAs iOS drīz, ja ne jau ir. Google jau ir atbalstījusi PWA Chrome pārlūkprogrammā Android, un tā plāno to nogādāt arī darbvirsmas platformās. Microsoft arī pievienoja atbalstu PWAs Microsoft Edge un tos uzskaitīs arī Microsoft Store.

Ko tu domā - ir Progressive Web Apps nākotnē? Ļaujiet man uzzināt tieši pie @aksinghnet vai rakstīt komentāru, izmantojot zemāk esošo komentāru sadaļu, lai atstātu savu atbildi.