Clàr-innse[Falaich][Seall]
Ann an àrainneachd dhidseatach aig astar luath, fiùghantach agus farpaiseach an latha an-diugh, tha na buidhnean as soirbheachail a’ dearbhadh gur e a bhith stèidhichte air teachdaiche an aon ro-innleachd sheasmhach airson gnìomhachas a leudachadh. Tha raointean aire luchd-cleachdaidh a’ sìor dhol sìos, a’ toirt air gnìomhachasan dòighean ùra is nas fheàrr a lorg gus eòlasan fuaigheil a thoirt don luchd-cleachdaidh aca.
Ma tha thu airson eòlasan tarraingeach, sònraichte agus fuaigheil a chruthachadh don luchd-cleachdaidh agad, is e Iarrtasan Duilleag Singilte (SPAn) an dòigh air adhart. Is ann air an adhbhar seo a tha mòran chompanaidhean a’ tòiseachadh a’ togail eileamaidean de na h-aplacaidean air-loidhne aca a’ cleachdadh dealbhadh lìn ùr ris an canar Single Page Application.
Chaidh SPAn a chleachdadh cuideachd gus Google agus Facebook a chruthachadh, an dà bhehemoth aig a bheil aplacaidean a’ toirt cumhachd don dòs làitheil agad de ghnìomhachd eadar-lìn agus meadhanan sòisealta.
Còmhdaichidh am blog seo gach eileamaid de thagradh aon-dhuilleag, a’ gabhail a-steach airidheachd, an eadar-dhealachadh eadar aon duilleag agus tagradh ioma-dhuilleag, frèaman SPA, agus mòran a bharrachd. Feuch an tòisich sinn!
Dè a th’ ann an Iarrtas Singilte Duilleag?
Is e aon duilleag a th’ ann an tagradh aon-dhuilleag (SPA) (mar sin an t-ainm) le tòrr dàta a chumas an aon rud agus dìreach beagan phìosan a dh’ fheumar atharrachadh aig an aon àm.
Is e duilleag-lìn, làrach-lìn no tagradh lìn a th’ ann an tagradh aon-dhuilleag (SPA) a tha a’ ruith gu tur taobh a-staigh brobhsair agus a’ luchdachadh aon sgrìobhainn a-mhàin. Chan eil feum air ùrachadh duilleag fhad ‘s a thathar ga chleachdadh, agus tha a’ mhòr-chuid den stuth fhathast gun atharrachadh fhad ‘s nach fheum ach cuid bheag dheth ùrachadh.
Nuair a dh’ fheumar susbaint atharrachadh, bidh an SPA a’ cleachdadh JavaScript APIs airson sin a dhèanamh. Faodaidh luchd-cleachdaidh faighinn gu làrach-lìn gun a bhith a’ luchdachadh sìos an duilleag ùr iomlan agus an dàta bhon t-seirbheisiche san dòigh seo.
Mar thoradh air an sin, bidh coileanadh a’ dol am feabhas agus gheibh thu faireachdainn gu bheil thu a’ cleachdadh prògram dùthchasach. Tha e a’ toirt eòlas air-loidhne nas beothaile do luchd-cleachdaidh. Tha SPAan ga dhèanamh furasta, obrachail, agus sìmplidh do luchd-cleachdaidh a bhith ann an aon àrainneachd dhidseatach gun choimeas.
Tha an grafaic gu h-ìosal a’ sealltainn suidheachadh anns am bi an neach-cleachdaidh ag eadar-obrachadh leis a’ bhrobhsair aca, a bhios an uairsin a’ cur cheistean API air an t-seirbheis gu dìreach. Bidh am brabhsair a’ cur cheistean API dìreach chun t-seirbheis às deidh dha còd stòr JavaScript agus HTML fhaighinn bhon neach-dèiligidh. Leis gu bheil a h-uile càil air a dhèanamh gu dìreach sa bhrobhsair, cha bhith frithealaiche an aplacaid a-riamh a’ cur cheistean API chun t-seirbheis.
Ciamar a bhios Tagraidhean Singilte ag obair?
Tha ailtireachd sìmplidh aig aplacaidean aon-dhuilleag. Bithear a’ cleachdadh teicneòlasan tairgse taobh teachdaiche agus taobh frithealaiche. Canaidh sinn gu bheil thu airson a dhol gu làrach-lìn sònraichte.
Nuair a chuireas tu an URL aige a-steach don bhrobhsair agad gus ruigsinneachd iarraidh, nì am brabhsair an t-iarrtas gu frithealaiche, a fhreagras le sgrìobhainn HTML. Bidh am frithealaiche a’ lìbhrigeadh susbaint HTML a-mhàin airson a’ chiad iarrtas nuair a bhios tu a’ cleachdadh SPA, agus dàta JSON airson ceistean san àm ri teachd.
Tha seo a’ ciallachadh, seach a bhith ag ath-luchdachadh na duilleige gu lèir, gun ath-thog SPA susbaint na duilleige a th’ ann an-dràsta. Mar thoradh air an sin, tha nas lugha de dh'fheum air ath-luchdachadh cho tric, agus tha coileanadh air a leasachadh. Leigidh am feart seo le SPA obrachadh san aon dòigh ri app dùthchasach.
Chan eil tagraidhean ioma-dhuilleag an aon rud ri tagraidhean aon-dhuilleag (MPAn). Nuair a dh’ iarras neach-cleachdaidh dàta ùr, is e prògraman lìn a th’ anns an fheadhainn mu dheireadh le mòran dhuilleagan air an ath-luchdachadh.
A bharrachd air an sin, is dòcha gun toir SPAn ùine mhòr airson luchdachadh an toiseach, ach aon uair ‘s gu bheil iad air an luchdachadh, bheir iad seachad coileanadh nas luaithe agus seòladh gun fhiosta. Faodaidh MPA a bhith slaodach agus feumach air eadar-lìn aig astar luath, gu sònraichte nuair a bhios tu a’ cleachdadh phàirtean grafaigeach. Tha Amazon agus Google Docs nan dà eisimpleir de MPAn.
Iarrtas Singilte Vs Iarrtas Ioma-dhuilleag
Chan fheum an ro-innleachd àbhaisteach app ioma-dhuilleag (MPA) eòlas JavaScript sam bith bhon sgioba leasachaidh agad (ged a tha ceangal aghaidh is cùl a’ ciallachadh gu bheil làraich buailteach a bhith a’ toirt nas fhaide ri thogail). Le bhith a’ cur duilleag eile ris, faodaidh tu an stuth fhàs cho mòr ‘s as toil leat, agus leis gu bheil am fiosrachadh air gach duilleag statach, tha Search Engine Optimization (SEO) mar as trice sìmplidh.
Air an làimh eile, tha MPAn nas slaodaiche an cleachdadh leis gu feum gach duilleag ùr a bhith air a luchdachadh bhon fhìor thoiseach. Ma tha susbaint an làrach-lìn agad (gu ìre mhòr) ri leughadh a-mhàin, ge-tà, is dòcha gur e MPA a h-uile dad a dh’ fheumas tu. Is e buannachd bunaiteach tagraidhean aon-dhuilleag cho luath sa tha iad.
A bharrachd air an sin, tha SPAn fada nas fheàrr air comas-gnìomh farsaing a lìbhrigeadh na MPAn, agus bidh iad a’ tasgadh fiosrachadh gus an gabh am prògram a chleachdadh far loidhne.
Is e an ana-cothrom as cudromaiche de SPAn gu bheil nàdar fiùghantach an t-susbaint aca a’ dèanamh SEO agus so-ruigsinneachd nas duilghe. Tha crawlers agus einnseanan sgrùdaidh air a thighinn air adhart gus dèiligeadh nas fheàrr ris an t-seòrsa aplacaid seo leis gu bheil barrachd bhuidhnean a’ gabhail ri SPAn.
Thuirt sin, chan eil aplacaidean aon-dhuilleag gu riatanach nas fheàrr na aplacaidean ioma-dhuilleag, agus a chaochladh. Tha buannachdan agus eas-bhuannachdan aig an dà theicneòlas.
Tòisichidh buannachdan MPAs thairis air SPAn a’ crìonadh nuair a thèid an sreapadair lìn agus na draghan clàr-amais a bha co-cheangailte ri tagraidhean aon-duilleig roimhe seo a cheartachadh, agus gu dearbh bidh am fear mu dheireadh mar an àbhaist de facto airson aplacaidean air-loidhne an latha an-diugh.
Frèamaichean tagraidh aon-dhuilleag
Ma tha thu air co-dhùnadh gur e cruthachadh SPA an dòigh as fheàrr air feumalachdan a’ chompanaidh agad a choileanadh, feumaidh tu a thogail air frèam làidir SPA. Tha sinn air liosta de na frèaman tagraidh aon-dhuilleag as fheàrr a chuir ri chèile airson aplacaidean lìn beairteach as urrainn structaran tagraidh mòra a riaghladh. Tha seata sònraichte de fheartan agus chomasan aig gach frèam.
1. React
Ann an àrainneachd dhidseatach fiùghantach an latha an-diugh, nuair a tha an cruinne gu làidir a’ putadh a dh’ ionnsaigh cruth-atharrachadh didseatach, tha buidhnean air Scalability & Sùbailteachd a thoirt a-steach do na prìomh raointean cuideam aca bhon toiseach, a bha roimhe seo na iar-bheachd. Mar thoradh air an sin, tha e riatanach am feart cudromach seo a chumail nad inntinn fhad ‘s a tha thu a’ leasachadh tagradh aon-dhuilleag.
Tha ReactJS na fhrèam mìorbhaileach airson a chleachdadh ma tha scalability agus sùbailteachd nam prìomh phrìomhachasan don chompanaidh agad. Tha cumail suas tagradh aon-dhuilleag a chaidh a chruthachadh a’ cleachdadh React gu math sìmplidh air sgàth a dhealbhadh stèidhichte air co-phàirtean.
Tha Virtual DOM air a ghabhail a-steach ann an duilleag ReactJS. Leigidh e leis an sgioba leasachaidh sùil a chumail air agus atharrachaidhean ùrachadh gun a bhith a’ toirt buaidh air pàirtean eile den chraoibh, a’ leigeil leis an tagradh a bhith nas sùbailte.
Airson na leabharlannan leis fhèin, tha ReactJS nas sùbailte na frèaman eile, a’ ceadachadh amannan freagairt luath agus ga fhàgail mar am frèam as fheàrr airson SPAn a leasachadh. Leis gu bheil an dà thaobh a’ cleachdadh ReactJS, tha am frèam a’ ceadachadh roinneadh luchdan eadar an frithealaiche agus an neach-dèiligidh.
2. Angular
Bidh duilgheadas tric aig iomairtean nuair a tha iad a' feuchainn ris an lìon a phutadh gus barrachd a choileanadh: tagradh 'Coileanadh.' Tha feartan nas sònraichte aig làraich an-diugh na bha a-riamh roimhe, ga dhèanamh duilich do ghnìomhachasan coileanadh fìor mhath a choileanadh thar grunn innealan.
Mar thoradh air an sin, fhad ‘s a tha thu a’ taghadh frèam tagraidh aon-dhuilleag, tha coileanadh deatamach. Nuair a thig e gu astar tagraidh aon-dhuilleag, chan eil frèam nas fheàrr na AngularJS.
Tha gnìomhachd ceangail dàta AngularJS a’ seachnadh mòran den chòd a dh’ fheumadh leasaiche a dhèanamh air dhòigh eile. Mar thoradh air an sin, feumaidh cleachdadh Angular gus tagradh aon-dhuilleag a chruthachadh nas lugha de loidhnichean còd agus bheir e seachad astar air leth.
Tha fios gu bheil tagraidhean stèidhichte air AngularJS airson a bhith luath ri luchdachadh. Tha seo air a dhèanamh comasach le gnìomhachd router co-phàirteach AngularJS, a bheir seachad sgaradh còd fèin-ghluasadach. Leigidh e le luchd-cleachdaidh dìreach còd an neach-iarrtais a luchdachadh airson sealladh. Faodaidh SPA a chaidh a thogail le frèam AngularJS ruith air àrd-ùrlar sam bith.
3. sealladh
Is e VueJS am frèam as motha airson leasachadh tagradh lìn aon-dhuilleag nuair a thèid a chur còmhla ris na leabharlannan taice ceart agus innealan co-aimsireil. Bidh Vue.js a’ comasachadh conaltradh dà-shligheach le bhith a’ dèanamh blocaichean HTML gu ìre mhath furasta a riaghladh le taing don dealbhadh MVVM aige.
Tha ceangal dàta dà-shligheach na ghnìomhachd nach eil mòr-chòrdte ann am frèaman eile leithid React.js. Canar frèam reactive cuideachd ri Vue.js leis gu bheil e a’ dèiligeadh ri atharrachaidhean ann an dàta. Thathas den bheachd gur e Vue.js am fear as fheàrr den dà shaoghal, a’ tighinn còmhla React agus Angular.
Bidh e a’ cleachdadh Virtual DOM agus tha e stèidhichte air co-phàirtean, dìreach mar React, ga dhèanamh air leth luath. Bidh e, ge-tà, a’ toirt seachad stiùiridhean agus ceangal dàta dà-shligheach, ga fhàgail na fhrèam reactive mar Angular. Chan e frèam no leabharlann a th' ann an Vue.js.
Tha e a’ toirt seachad am measgachadh foirfe de chomasan airson SPAn a thogail, agus tha e sìmplidh barrachd a chur ris, leithid Riaghladh Stàite agus Slighe.
4. cnàimh-droma.JS
Is e seo aon de na frèaman SPA as mòr-chòrdte airson aplacaidean lìn sùbailte a thogail, agus tha e stèidhichte air pàtran dealbhaiche MVP. Tha router ann, modalan, tachartasan, seallaidhean, cruinneachaidhean, agus grunn fheartan sgoinneil eile a tha a’ dèanamh cruthachadh SPAn sìmplidh agus luath.
Tha Backbone.JS na fhrèam mòr-chòrdte airson tagraidhean aon-duilleig a chruthachadh. Tha am frèam sealladh modail aige a’ dèanamh barrachd air dìreach a bhith a’ cuideachadh luchd-leasachaidh gus am bun-structar JS aca a structaradh. Gu bunaiteach, tha e air a chleachdadh gus iarrtasan HTTP a chuingealachadh ris an fhrithealaiche agus iom-fhillte a dhèanamh nas sìmplidhe neach-cleachdaidh eadar-aghaidh dealbhaidhean.
Tha e na fhrèam aibidh airson togail aon-dhuilleag tagraidhean lìn le coimhearsnachd mhòr. Tha tonna de leabharlannan, meud beag, còd eas-chruthach, conaltradh air a stiùireadh le tachartas, agus gnàthasan stoidhle còdaidh dìreach am measg cuid de na feartan iongantach aige.
5. Ember.JS
Tha an eadar-aghaidh cleachdaiche (UI) na phàirt deatamach de phrògram sam bith a bhios gu luath gad chuir air leth bhon cho-fharpais agad. Mas urrainn dha an eadar-aghaidh cleachdaiche gu lèir a chuir chun neach-dèiligidh, thathas den bheachd gur e tagradh aon-duilleag an fheadhainn as èifeachdaiche. Mar thoradh air an sin, bidh e ag àrdachadh coileanadh iomlan an lìonra.
Mas e aon de phrìomh dhraghan an aplacaid agad an eadar-aghaidh cleachdaiche, bu chòir dhut beachdachadh air EmberJS a chleachdadh mar fhrèam. Tha ceangal dàta dà-shligheach aig EmberJS, mar AngularJS, a nì cinnteach gu bheil an sealladh agus am modail an-còmhnaidh ann an sioncranachadh.
Tha e comasach toirt seachad DOM taobh an fhrithealaiche leis a ’mhodal Ember FastbootJS, a’ leantainn gu UI iom-fhillte nas fheàrr. Bidh EmberJS, a tha stèidhichte air ceangal dà-shligheach, ag atharrachadh an UI mar a bhios dàta ag atharrachadh.
Mar thoradh air an sin, tha e sìmplidh eadar-aghaidh cleachdaiche a mhìneachadh a thuigeas cuin a bu chòir ùrachadh. Tha EmberJS na fhrèam stòr fosgailte le beachdan làidir a bhrosnaicheas barrachd saorsa. Mar thoradh air an sin, tha e na dheagh roghainn airson aplacaidean lìn aon-dhuilleag làn feart a chruthachadh le comas-gnìomh farsaing. Bidh Nordstrom, Kickstarter, LinkedIn, Netflix, agus grunn bhrandan mòra eile a’ cleachdadh am frèam seo.
Buannachdan SPA
1. Eòlas cleachdaiche nas fheàrr
Tha eòlas cleachdaiche nas fheàrr deatamach airson soirbheachas tagradh. A rèir grunn staitistig, bidh luchd-tadhail a 'trèigsinn duilleagan air-loidhne a tha slaodach agus duilich a chleachdadh. Chan fheum luchd-cleachdaidh feitheamh gus an stuth iomlan ùrachadh mura h-eil iad ag iarraidh ach earrann dheth a’ cleachdadh SPAn. An àite sin, gheibh luchd-ceannach am fiosrachadh a tha a dhìth orra nas luaithe, a leasaicheas an eòlas SPA aca.
2. Astar nas fheàrr
Feumaidh aplacaidean lìn a bhith nas luaithe agus gun a bhith a’ caitheamh ùine luchd-cleachdaidh; air neo, bidh daoine a’ sireadh ionadan nas èifeachdaiche. Leis nach fheum an làrach-lìn slàn ùrachadh agus dìreach an dàta anns na cuibhreannan susbaint a chaidh iarraidh atharrachadh, bidh SPAn a’ toirt seachad amannan freagairt nas luaithe. Mar thoradh air an sin, tha coileanadh an aplacaid lìn a 'leasachadh gu mòr.
3. Cleachdadh nas lugha de ghoireasan
Bidh Apps Duilleag Singilte a’ cleachdadh nas lugha de leud-bann oir chan eil na duilleagan air an luchdachadh ach aon turas. Bidh iad cuideachd ag obair ann an roinnean le ceanglaichean eadar-lìn nas slaodaiche, gan dèanamh ruigsinneach do dhuine sam bith. A bharrachd air an sin, eu-coltach ri MPAn mar Google Docs, bidh iad ag obair far-loidhne, a’ glèidheadh an dàta agad, gus nach fheum thu ceangal cunbhalach eadar-lìn a thoirt dhaibh gus am faicinn agus obrachadh orra.
4. Èifeachdach caching
Leis nach cuir e ach aon iarrtas chun t-seirbheisiche agus an uairsin ag ùrachadh an dàta eile, faodaidh App Duilleag Singilte dàta a thasgadh gu sgiobalta. Anns an dòigh seo, bidh e comasach a bhith ag obair fiù 's ma tha thu nach eil ceangailte ris an eadar-lìon. Ma thèid ceangal neach-cleachdaidh air chall, faodar an dàta ionadail a shioncronachadh leis an fhrithealaiche aon uair ‘s gu bheil an ceangal air ath-nuadhachadh.
5. Tha Debugging sìmplidh.
Le bhith a’ dì-bhugachadh tagradh nì sin cinnteach nach urrainn dad bacadh a chuir air bho bhith a’ coileanadh aig a’ char as fheàrr le bhith a’ lorg agus a’ ceartachadh lochdan agus trioblaidean a dh’ fhaodadh a bhith nas slaodaiche. Leis gu bheil iad air an cruthachadh le frèaman mòr-chòrdte leithid React, Angular, agus Vue.js, tha Iarrtasan Duilleag Singilte furasta a dheasbad ann an Google Chrome. Faodar co-phàirtean duilleag, dàta, agus pròiseasan lìonra a sgrùdadh agus a sgrùdadh gu furasta.
6. Co-chòrdalachd thar grunn àrd-ùrlaran
A’ cleachdadh aon chòd-chòd, faodaidh luchd-leasachaidh aplacaidean a chruthachadh a bhios ag obair air gach siostam obrachaidh, inneal no brobhsair. Mar thoradh air an sin, bidh e a’ leasachadh eòlas teachdaiche le bhith a’ leigeil leotha faighinn chun SPA ge bith càite a thogras iad. A bharrachd air an sin, faodaidh luchd-leasachaidh aplacaidean làn feart a chruthachadh gu furasta. Mar eisimpleir, fhad ‘s a tha iad a’ dealbhadh inneal deasachaidh susbaint, faodaidh iad staitistig fìor-ùine fhilleadh a-steach.
Eas-bhuannachdan de SPA
1. Cunnartan air-loidhne
Tha cunnartan air-loidhne leithid sgrìobhadh thar-làraich (XSS) nas so-leònte do SPAn na MPAn. Faodaidh luchd-ionnsaigh XSS a chleachdadh gus app lìn a mhilleadh le bhith a’ stealladh sgriobtaichean taobh teachdaiche a-steach ann. A bharrachd air an sin, chan eil bacadh ruigsinneachd air a chuir an gnìomh gu teann aig ìre obrachaidh. Mura gabh an luchd-leasachaidh ceumannan, dh’ fhaodadh dàta mothachail agus gnìomhan a bhith fosgailte.
2. Eachdraidh do bhrobhsair
Chan eil eachdraidh brabhsair air a shàbhaladh le SPAn. Ma thèid thu tron àm a dh'fhalbh airson fiosrachadh feumail sam bith, chan eil agad ach ceangal an SPA ris an làrach-lìn slàn. A bharrachd air an sin, chan urrainn dhut a dhol air ais is air adhart san SPA. Ma chleachdas tu am putan cùil, thèid do chuir gu duilleag-lìn a chaidh a luchdachadh roimhe seo seach an staid roimhe. A’ cleachdadh an HTML5 History API, ge-tà, faodar faighinn seachad air an locht seo.
3. Tòiseachadh amannan luchd
Ged a tha SPAn ainmeil airson an luaths agus an coileanadh, bheir e ùine mhòr an làrach gu lèir a luchdachadh. Dh’ fhaodadh e fearg a chuir air cuid de luchd-cleachdaidh, ag adhbhrachadh nach cleachd iad an aplacaid a-rithist.
4. Neo-èifeachdach SEO toraidhean
Tha ailtireachd SPAn air a dhèanamh suas de aon duilleag le aon URL. Tha e a’ cuingealachadh comas SPAan buannachd fhaighinn bho optimization einnsean sgrùdaidh (SEO). Leis gu bheil uimhir de cho-fharpais ann, faodaidh ro-innleachdan SEO do chuideachadh le bhith ag àrdachadh rangachadh na làraich agad ann an toraidhean einnseanan luirg.
Tha e duilich an fheum as fheàrr a dhèanamh airson SEO oir chan eil ann ach aon URL gun ùrachadh no seòlaidhean sònraichte. Tha clàr-amais, mion-sgrùdadh làidir, ceanglaichean gun samhail, meata-dàta agus feartan eile uile a dhìth. Tha ùine chruaidh aig làraich mar sin a bhith air an sgrùdadh le botaichean sgrùdaidh, a’ dèanamh optimization duilich.
Co-dhùnadh
Ma tha thu airson tagradh nas freagarraiche, nas luaithe agus nas beairtiche a chruthachadh airson lìonraidhean sòisealta, gnìomhachas SaaS, ùrachaidhean beò, agus mar sin air adhart, faodaidh Iarrtasan Duilleag Singilte (SPAn) cuideachadh.
Mar thoradh air an sin, dèan measadh air na h-amasan agus na h-amasan agad gus faicinn a bheil SPA ceart dhut, agus an uairsin tagh frèam JavaScript airson tòiseachadh.
Is e an t-amas làn chomas SPAan a sgrùdadh ma tha companaidh airson toradh a thogail leis an amas mu dheireadh a bhith nas follaisiche, conaltradh nas làidire le luchd-cleachdaidh, agus cinneasachd nas àirde airson gnìomhan a choileanadh no sgrùdadh eadar-ghnìomhach air dàta.
Leave a Reply