Kas ir vienas lapas lietojumprogrammas un progresīvās tīmekļa lietotnes?

Vienas lapas lietojumprogrammas (SPA) un progresīvās tīmekļa lietotnes (PWA) ir revolucionārs tīmeklī. Tās abas ir jaunas tehnoloģijas, kas izskatās līdzīgi, bet nav. Sejā cilvēki tos bieži lieto savstarpēji aizstājami.

Izpētīsim katra no tiem galvenās iezīmes un arhitektūru, lai tās labāk izprastu.

Kas ir vienas lapas lietojumprogrammas?

SPA, kā izklausās, ir vietnes, kas dinamiski ielādē saturu vienā lapā. Būtībā katra satura un elementa forma, ar kuru jums ir jāsadarbojas, stiepjas vienā lapā. Tas nozīmē, ka, pārvietojoties šādā vietnē, jums nav jāielādē atsevišķi dokumentu objektu modeļi (DOM).

Tas nozīmē, ka mērķis ir saglabāt lietotājus tajā pašā lapā, vienlaikus ielādējot visu, kas viņiem jāizmanto un jāredz. Tas nozīmē labāku lietotāja pieredzi.

No otras puses, lietotāja saskarne ir atkarīga no tā, kā jūs veidojat un iekārtojat savu SPA. Tas izriet no tā, kāpēc jūs varētu vēlēties sadalīt izstiepto lapu navigācijās. Un tas netraucē būt vienai lapai, jo saturs joprojām tiek ielādēts tikai vienu reizi.

Tātad, pārvietojoties pa SPA, jūs pārlūkojat iepriekš ielādētu saturu vienā DOM un neapmeklējat dažādus DOM, kā jūs, iespējams, nepareizi uzskatījāt.

SPA sadalīšana atsevišķās satura sadaļās parasti katrai no tām piešķir URL, izmantojot JavaScript skatus. The datu saite savienotājs saista šīs sadaļas ar galveno DOM un ļauj tām piekļūt asinhroni.

Lai gan citas tehnoloģijas, piemēram, Piparmētra un goba-spa nāk klajā, JavaScript joprojām ir visizplatītākā programmēšanas valoda SPA izveidei.

Saistīts: JavaScript ietvari, kurus ir vērts mācīties

JavaScript izmanto asinhronizēt / gaidīt funkcija, kas ļauj asinhroni ielādēt gan dinamisko, gan statisko saturu, nevienai ieejai nebloķējot cita pieprasījuma izvadi. Tātad SPA darbojas uz nebloķējošas ieejas-izejas (I / O) sistēmas.

Tas nozīmē, ka tādas JavaScript sistēmas kā ReactJS, Vue.js, AngularJS, Ember.js un Backbone.js visi atbalsta ātru SPA attīstību. Lai sāktu, varat to iziet iesācēja pārskats par Vue.js.

Tā kā tas nodrošina ātrumu, lielākā daļa uzņēmumu lietotņu ir pieņēmušas ideju pārveidot savas vietnes vienā lapā. Netflix, YouTube, PayPal, Facebook, Instagram, Twitter un Pinterest ir visi SPA piemēri.

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

PWA ir tīmekļa lietojumprogramma vai programmatūra, kuras funkcionalitātē tiek izmantotas standarta un jaunās tīmekļa pārlūkprogrammas vadlīnijas. PWA, atšķirībā no SPA, balstās uz savu vadlīniju kopumu, kas padara tos pielāgojamus, lietotājam pielāgojamus, īpaši ātrus, instalējamus un līdzīgus vietējiem.

Google 2015. gadā ieviesa PWA mērķi ir izveidot lietotnes, kas tieši un pakāpeniski runā ar lietotājiem. Tās mērķis ir uzturēt lietotāju plūsmu ar lietotni pat tad, ja tīkla savienojums ir vājš vai tā vispār nav.

Vienmēr PWA nodrošina visu nepieciešamo vienā mirklī. Tas neiziet cauri tipiskajam sākotnējam satura ielādes raksturojumam, kas raksturīgs SPA.

Tādējādi lietotājs mijiedarbojas ar lietotni tā, it kā tā būtu dzimtā. Neskatoties uz to, ka PWA galvenais raksturlielums ir instalējamība, jūs joprojām varat tiem piekļūt lidojumā, izmantojot tīmekļa pārlūkprogrammu, bez instalēšanas. Tas nozīmē, ka tāpat kā jebkurai citai vietnei, arī PWA jābūt URL.

Saistīts: Kas ir progresīvās tīmekļa lietotnes un kā jūs to instalējat?

Progresīvās tīmekļa lietotnes ir unikālas, jo tām ir fona palīgi, kas saturu piegādā acumirklī. Tātad, pat pirms nokļūšanas tīmekļa lietotnē, saturs un komponenti ir viegli pieejami lietošanai. Tas padara viņus īpaši ātrus un uzticamākus.

Citas lietotnes, piemēram, Spotify, Slack un Uber, ir PWA piemēri.

PWA parasti ir kopīgs arhitektūras noteikums. Lai PWA darbotos tā, kā vajadzētu, tam ir jābūt šādiem atribūtiem:

1. Strādnieks

Apkalpojošie darbinieki viegli piegādā saturu PWA. Tie nodrošina, ka jūsu lietotne var ielādēt salīdzināmus kešatmiņā saglabātus datus, ja nav tīkla savienojuma. Tas ir iespējams, izmantojot kešatmiņas API, kas saglabā atbildes uz jūsu bezsaistes pieprasījumiem. Tādējādi darbinieks traucē navigāciju un lietotāju pieprasījumus.

Saistīts: Kā darbojas CPU kešatmiņa?

Izmantojot a apsolīt objekts, darbinieks var piegādāt jau lejupielādētu saturu lietotāja iespējama pieprasījuma gadījumā (pat ja viņš ir bezsaistē). Apkalpojošais darbinieks tomēr piešķir PWA īpašumam, kas nav bloķējošs.

2. Drošs konteksts

Pakalpojuma darbiniekam piegādātā satura konfidencialitātei ir nepieciešams drošs savienojums (HTTPS). Nosūtot pieprasījumu, darbinieks izveido drošu saziņu starp PWA un pārlūku. Tāpēc drošs konteksts novērš konfidencialitātes pārkāpumus, piemēram, uzbrukumu cilvēkam vidū (MITM) PWA.

3. Tīmekļa lietojumprogrammas manifesta fails

Tīmekļa manifests ir JSON fails, kas nosaka PWA īpašības. Tajā ir sīki aprakstīti priekšnoteikumi piekļuvei PWA saturam, tā atklāšanai un izmantošanai. Parasti tajā ir jūsu lietotnes nosaukums, tās URL un komponenti. Galu galā manifesta failā ir informācija, kas nepieciešama, lai jūsu tīmekļa lietotne kļūtu par instalējamu lietojumprogrammu.

Kādas ir PWA un SPA līdzības?

Kaut arī PWA un SPA fona loģika ir atšķirīga, tām joprojām ir kopīgas tikai dažas lietas. Lai gan to piegādes ātrums var ievērojami atšķirties, parastās vietnes joprojām atpaliek no tām ātruma un pieejamības ziņā.

Viņu abu mērķis ir uzlabot lietotāju pieredzi, nodrošinot atsaucīgu saskarni.

Tā kā viņi abi nodrošina lietotņu pieredzi, tos ir viegli sajaukt, un, sazinoties ar viņiem, jūs diez vai varat pateikt, kura ir kura. Visbeidzot, šajā piezīmē abiem ir nepieciešams URL, pirms varat tiem piekļūt.

Galvenās atšķirības starp SPA un PWA

PWA un SPA var būt kopīgas dažas pamanāmas īpašības, taču tās ir divas dažādas lietas. Šeit jāņem vērā galvenās iezīmju atšķirības:

Vienas lapas lietojumprogrammu galvenās iezīmes

• Tie ir pieejami tikai caur pārlūku.
• Lai gan tas nav ieteicams, varat tos apkalpot nedrošā tīklā (HTTP).
• Viņiem nav nepieciešami apkalpojošie darbinieki.
• SPA nav JSON manifesta faila, kas nozīmē, ka tos nevar atinstalēt.
• Tiem jābūt uz vienas lapas.
• Nav pieejams, ja nav tīkla.

Progresīvo tīmekļa lietotņu galvenās iezīmes

• Piekļuve tiem, izmantojot pārlūkprogrammu, ir iespēja, jo tie ir instalējami.
• Visām PWA ir nepieciešami apkalpojošie darbinieki, un viņiem ir jāiesniedz pieprasījumi, izmantojot drošu tīklu (HTTPS).
• Atbildes tiek saglabātas kešatmiņā un tiek piegādātas, izmantojot a apsolīt objekts.
• Tie ir pieejami pat tad, ja nav tīkla savienojuma.
• Viņi ir ātrāki nekā SPA.
• Viņiem vienmēr ir manifesta fails, tāpēc tie ir lejupielādējami, instalējami un viegli pieejami.
• PWA, iespējams, nav vienas lapas lietojumprogramma.

SPA un PWA ietekmē vietņu piegādi

Tā kā daudzās uzņēmumu vietnēs tagad tiek izmantotas šīs jaunās tehnoloģijas, tagad ir vērojama pozitīva virzība uz to pakalpojumu sniegšanu.

Vēl svarīgāk ir tas, ka PWA ieviešana uzlabo vispārējo lietotāju pieredzi, kas attiecīgi samazina atlēcienu līmeni un palielina ieņēmumus lielākajai daļai uzņēmuma lietotņu. No otras puses, SPA ir arī atjauninājuši sociālos medijus, ļaujot cilvēkiem viegli sadarboties tīmeklī bez lēnas lapu ielādes.

Sinhronais vs. Asinhronā programmēšana: ar ko tās atšķiras?

Vai nākamajam projektam vajadzētu izmantot sinhrono vai asinhrono programmēšanu? Uzziniet šeit.

Lasiet Tālāk

Par autoru