Tafole ea likateng[Pata][Bontša]
Sebakeng sa kajeno sa dijithale tse potlakileng, tse matla le tse nang le tlholisano, mekhatlo e atlehileng ka ho fetisisa ke bopaki ba hore ho ba bareki ke eona feela leano le tsitsitseng la ho holisa khoebo. Maikutlo a basebelisi a ntse a fokotseha ka linako tsohle, ho qobella likhoebo ho fumana mekhoa e mecha le e betere ea ho fana ka liphihlelo tse ntle ho bareki ba tsona.
Haeba u batla ho etsetsa basebelisi ba hau liphihlelo tse khahlang, tse ikhethang, le tse se nang moeli, Single Page Applications (SPAs) ke tsela eo u lokelang ho e etsa. Ke ka lebaka lena lik'hamphani tse ngata li qalang ho theha likarolo tsa lisebelisoa tsa bona tsa marang-rang li sebelisa moralo o mocha oa marang-rang o bitsoang Single Page Application.
Li-SPA li boetse li sebelisoa ho theha Google le Facebook, li-behemoth tse peli tseo lisebelisoa tsa tsona li matlafatsang tekanyetso ea hau ea letsatsi le letsatsi ea marang-rang le mecha ea litaba ea sechaba.
Blog ena e tla akaretsa likarolo tsohle tsa ts'ebeliso ea leqephe le le leng, ho kenyeletsoa melemo ea eona, phapang lipakeng tsa leqephe le le leng le ts'ebeliso ea maqephe a mangata, meralo ea SPA, le tse ling tse ngata. Ha re qaleng!
Tšebeliso ea Leqephe le le Leng ke Eng?
Sesebelisoa sa leqephe le le leng (SPA) ke leqephe le le leng (kahoo lebitso) le nang le lintlha tse ngata tse lulang li le joalo le likotoana tse seng kae feela tse lokelang ho fetoloa hang-hang.
Sesebelisoa sa leqephe le le leng (SPA) ke leqephe la webo, sebaka sa Marang-rang, kapa sesebelisoa sa Marang-rang se sebetsang ka har'a sebatli mme se kenya tokomane e le 'ngoe feela. Ha e hloke hore leqephe le khatholohe nakong ea tšebeliso, 'me boholo ba boitsebiso bo lula bo sa fetohe ha karolo e nyenyane ea eona e hloka ho ntlafatsoa.
Ha litaba li tlameha ho fetoloa, SPA e sebelisa JavaScript APIs ho etsa joalo. Basebelisi ba ka fihlella sebaka sa marang-rang ntle le ho khoasolla leqephe le lecha le data ho tsoa ho seva ka tsela ena.
Ka lebaka leo, ts'ebetso ea ntlafala mme o fumana maikutlo a hore o sebelisa lenaneo la tlhaho. E fa bareki boiphihlelo bo matla haholoanyane ba inthaneteng. Li-SPA li etsa hore e otlolohe, e sebetse, hape e be bonolo hore basebelisi ba be sebakeng se le seng, se sa rarahanang sa dijithale.
Sets'oants'o se ka tlase se bonts'a boemo boo mosebelisi a sebelisanang le sebatli sa bona, se etsang hore API e botse litšebeletso ka kotloloho. Sebatli se romella lipotso tse tobileng tsa API ts'ebeletso kamora ho fumana JavaScript le khoutu ea mohloli oa HTML ho tsoa ho moreki. Hobane ntho e ngoe le e ngoe e etsoa ka kotloloho ho sebatli, seva ea sesebelisoa ha e romelle lipotso tsa API ts'ebeletso.
Likopo tse nang le leqephe le le leng li sebetsa joang?
Lisebelisoa tsa leqephe le le leng li na le meaho e otlolohileng. Litheknoloji tsa phepelo ea lehlakore la bareki le lehlakoreng la seva li sebelisoa ka bobeli. Ha re re u lakatsa ho ea webosaeteng e itseng.
Ha o thaepa URL ea eona ho sebatli sa hau ho kopa phihlello, sebatli se etsa kopo ho seva, se arabelang ka tokomane ea HTML. Seva e fana ka litaba tsa HTML feela bakeng sa kopo ea pele ha u sebelisa SPA, le data ea JSON bakeng sa lipotso tse tlang.
Sena se bolela hore ho e-na le ho kenya leqephe lohle la websaete, SPA e tla tsosolosa litaba tsa leqephe la hajoale. Ka lebaka leo, ho na le tlhokahalo e fokolang ea ho kenya hape hangata, 'me tshebetso ea ntlafatsoa. Karolo ena e lumella SPA ho sebetsa ka mokhoa o ts'oanang le sesebelisoa sa lehae.
Lisebelisoa tsa maqephe a mangata ha li tšoane le tsa leqephe le le leng (MPAs). Ha mosebelisi a kopa data e ncha, ea morao-rao ke mananeo a marang-rang a nang le maqephe a mangata a kentsoeng hape.
Ho feta moo, li-SPA li kanna tsa nka nako e telele ho qala, empa hang ha li laetsoe, li fana ka ts'ebetso e potlakileng le ho tsamaea ka mokhoa o se nang moeli. Li-MPA li ka ba monyebe 'me tsa hloka marang-rang a lebelo le phahameng, haholo ha ho sebelisoa likarolo tsa litšoantšo. Amazon le Google Docs ke mehlala e 'meli ea li-MPA.
Sesebelisoa sa Leqephe le le Leng Vs Ts'ebeliso ea Maqephe a Mangata
Leano le tloaelehileng la maqephe a mangata (MPA) ha le hloke tsebo efe kapa efe ea JavaScript ho sehlopha sa hau sa nts'etsopele (le hoja ho kopanngoa ha karolo e ka pele le e ka morao ho bolela hore libaka li nka nako e telele ho aha). Ka ho eketsa leqephe le leng, u ka hōlisa thepa ka hohle kamoo u ratang kateng, 'me hobane tlhahisoleseding e leqepheng le leng le le leng e tsitsitse, Search Engine Optimization (SEO) hangata e bonolo.
Li-MPA, ka lehlakoreng le leng, li lieha ho sebelisoa kaha leqephe le leng le le leng le lecha le tlameha ho kenngoa ho tloha qalong. Haeba litaba tsa sebaka sa hau sa marang-rang e le (haholo) tse baloang feela, leha ho le joalo, MPA e kanna ea ba sohle seo u se hlokang. Melemo ea mantlha ea ts'ebeliso ea leqephe le le leng ke ho potlaka ha bona.
Ho feta moo, li-SPA li betere ho fana ka ts'ebetso e pharalletseng ho feta li-MPA, 'me li boloka tlhahisoleseling e le hore lenaneo le ka sebelisoa ntle le marang-rang.
Phoso e kholo ea li-SPA ke hore sebopeho se matla sa litaba tsa bona se etsa hore SEO le ho sibolloa ho be thata le ho feta. Li-crawlers le li-enjini tsa ho batla li fetohile ho sebetsana hamolemo le mofuta ona oa sesebelisoa ha mekhatlo e mengata e amohela li-SPA.
Ho boletse joalo, lits'ebetso tsa leqephe le le leng ha li hlile ha li phahametse lits'ebetso tsa maqephe a mangata, 'me ka tsela e fapaneng. Mekhoa ena ka bobeli e na le melemo le mathata.
Melemo ea li-MPA holim'a li-SPA e tla qala ho fokotseha ha mokhanni oa marang-rang le lintlha tse ngongorehang tse amanang le lits'ebetso tsa leqephe le le leng li lokisoa, 'me ea morao-rao e tla fetoha tloaelo ea mantlha bakeng sa lits'ebetso tsa sejoale-joale tsa Marang-rang.
Merero ea Tšebeliso ea Leqephe le le Leng
Haeba u entse qeto ea hore ho theha SPA ke tsela e molemohali ea ho fihlela litlhoko tsa k'hamphani ea hau, u tla hloka ho e haha holima moralo o tiileng oa SPA. Re hlophisitse lethathamo la lits'ebetso tse ntle ka ho fetisisa tsa leqephe le le leng bakeng sa lits'ebetso tse ruileng tsa webo tse ka laolang lits'ebetso tse kholo. Moralo o mong le o mong o na le sete e ikhethang ea litšobotsi le bokhoni.
1. Etsa joalo
Sebakeng sa kajeno se feto-fetohang sa dijithale, ha lefats'e le hahamalla ka matla phetohong ea dijithale, mekhatlo e kentse Scalability & Flexibility libakeng tsa eona tsa mantlha ho tloha qalong, tseo pele e neng e le mohopolo oa morao-rao. Ka lebaka leo, ho hopola tšobotsi ena ea bohlokoa ha u ntse u etsa kopo ea leqephe le le leng ke ntho ea bohlokoa.
ReactJS ke moralo o motle o ka sebelisoang haeba scalability le ho tenyetseha e le lintho tse tlang pele ho k'hamphani ea hau. Tlhokomelo ea ts'ebeliso ea leqephe le le leng e entsoeng ka React e bonolo haholo ka lebaka la moralo oa eona o thehiloeng ho karolo.
Virtual DOM e kenyelelitsoe leqepheng la ReactJS. E lumella sehlopha sa nts'etsopele ho latela le ho ntlafatsa liphetoho ntle le ho ama likarolo tse ling tsa sefate, ho lumella hore kopo e be bonolo haholoanyane.
Bakeng sa lilaebrari tsa eona tse ikemetseng, ReactJS e khona ho ikamahanya le maemo ho feta meralo e meng, e lumella nako ea karabelo e potlakileng le ho e etsa moralo o motle ka ho fetisisa oa ho nts'etsapele li-SPA. Hobane mahlakore ka bobeli a sebelisa ReactJS, moralo o lumella ho arolelana mojaro pakeng tsa seva le moreki.
2. Angular
Likhoebo li kopana le bothata khafetsa ha li leka ho sutumelletsa marang-rang ho fihlela ho feta: ts'ebetso ea ts'ebetso. Liwebsaete kajeno li na le likarolo tse ikhethang ho feta leha e le neng pele, li etsa hore ho be thata hore likhoebo li fihlele ts'ebetso e ntle ho lisebelisoa tse 'maloa.
Ka lebaka leo, ha u ntse u khetha moralo oa ts'ebeliso ea leqephe le le leng, ts'ebetso e bohlokoa. Ha ho tluoa ho lebelo la ts'ebeliso ea leqephe le le leng, ha ho na moralo o betere ho feta AngularJS.
Ts'ebetso e tlamang data ea AngularJS e qoba likhoutu tse ngata tseo mohlahlami a tla tlameha ho li etsa ka tsela e fapaneng. Ka lebaka leo, ho sebelisa Angular ho etsa kopo ea leqephe le le leng ho hloka mela e fokolang ea khoutu mme ho fana ka lebelo le tsotehang.
Lisebelisoa tse thehiloeng ho AngularJS li tsejoa ka ho potlaka ho kenya. Sena se etsoa hore se khonehe ke ts'ebetso ea router ea AngularJS, e fanang ka karohano ea khoutu e ikemetseng. E lumella basebelisi ho kenya khoutu ea mokopi bakeng sa pono feela. SPA e hahiloeng ka moralo oa AngularJS e ka sebetsa sethaleng sefe kapa sefe.
3. Vue
VueJS ke moralo o moholohali oa nts'etsopele ea ts'ebeliso ea leqephe le le leng ha e kopantsoe le lilaebrari tse nepahetseng tse tšehetsang le lisebelisoa tsa sejoale-joale. Vue.js e thusa puisano ea litsela tse peli ka ho etsa hore li-block tsa HTML li be bonolo ho li laola ka lebaka la moralo oa eona oa MVVM.
Tsela e 'meli e tlamang data ke ts'ebetso e sa tumang litsing tse ling joalo ka React.js. Vue.js e boetse e tsejoa e le moralo o sebetsang kaha e sebetsana le liphetoho tsa data. Vue.js e nkuoa e le eona e ntle ka ho fetisisa lefatšeng ka bobeli, ha e kopane Itšoare le Angular.
E sebelisa Virtual DOM mme e ipapisitse le likarolo, joalo ka React, e etsa hore e potlake haholo. Leha ho le joalo, e fana ka litaelo le mekhoa e 'meli e tlamang data, e etsa hore e be moralo o sebetsang joaloka Angular. Vue.js ha se moralo kapa laeborari.
E fana ka motsoako o phethahetseng oa bokhoni ba ho aha li-SPA, 'me ho bonolo ho eketsa tse ling, joalo ka Tsamaiso ea Naha le Tsamaiso.
4. Mokokotlo.JS
Ke e 'ngoe ea meralo e tsebahalang haholo ea SPA bakeng sa ho aha lits'ebetso tsa marang-rang tse feto-fetohang, 'me e ipapisitse le sebopeho sa moqapi oa MVP. E na le router, mehlala, liketsahalo, maikutlo, pokello, le lintho tse ling tse ngata tse tsotehang tse etsang hore ho thehoe li-SPA ho be bonolo le ho potlaka.
Backbone.JS ke moralo o tsebahalang oa ho theha lits'ebetso tsa leqephe le le leng. Moralo oa eona oa ho sheba mohlala ha o thuse feela bahlahisi ho hlophisa lisebelisoa tsa bona tsa JS. Ha e le hantle, e sebelisetsoa ho thibela likopo tsa HTTP ho seva le ho nolofatsa lintho tse rarahaneng sebopeho sa mosebedisi liqapi.
Ke moralo o holileng oa ho aha leqephe le le leng lits'ebetso tsa webo le sechaba se seholo. Lithane tsa lilaebrari, boholo bo bonyenyane, khoutu e sa bonahaleng, puisano e tsamaisoang ke liketsahalo, le mekhoa ea mokhoa oa ho ngola ke tse seng kae feela tsa litšobotsi tse hlollang tsa eona.
5. Ember.JS
Sebopeho sa mosebelisi (UI) ke karolo ea bohlokoa ea lenaneo lefe kapa lefe le u khethollang kapele tlholisanong ea hau. Haeba e ka romella mosebelisi kaofela ho moreki, ts'ebeliso ea leqephe le le leng e nkuoa e le eona e sebetsang ka ho fetesisa. Ka lebaka leo, e matlafatsa ts'ebetso ea marang-rang ka kakaretso.
Haeba e 'ngoe ea mathata a mantlha a sesebelisoa sa hau e le sebopeho sa mosebelisi, u lokela ho nahana ka ho sebelisa EmberJS joalo ka moralo. EmberJS, joalo ka AngularJS, e na le mekhoa e 'meli e tlamang data, e netefatsang hore pono le mohlala li lula li lumellana.
Hoa khoneha ho potlakisa tlhahiso ea DOM ea seva ka module ea Ember FastbootJS, e hlahisang li-UI tse rarahaneng. EmberJS, e hahiloeng holim'a mekhoa e 'meli e tlamang, e fetola UI ha data e fetoha.
Ka lebaka leo, ho bonolo ho hlalosa sebopeho sa mosebelisi se utloisisang nako ea ho nchafatsa. EmberJS ke moralo o bulehileng o nang le maikutlo a matla a khothaletsang tokoloho e kholoanyane. Ka lebaka leo, ke khetho e ntle ea ho theha lits'ebetso tsa webo tse nang le likarolo tse ngata tse nang le ts'ebetso e pharalletseng. Nordstrom, Kickstarter, LinkedIn, Netflix, le li-brand tse ling tse kholo li sebelisa moralo ona.
Melemo ea SPA
1. Boiphihlelo bo betere ba mosebedisi
Boiphihlelo bo betere ba mosebelisi bo bohlokoa molemong oa katleho ea ts'ebeliso. Ho ea ka lipalo-palo tse 'maloa, baeti ba lahla maqephe a marang-rang a botsoa le a thata ho a sebelisa. Basebelisi ha baa tlameha ho emela hore thepa e felletseng e khatholohe haeba feela ba batla karolo ea eona ba sebelisa li-SPA. Sebakeng seo, bareki ba ka fumana tlhaiso-leseling eo ba e hlokang kapele, e ntlafatsang boiphihlelo ba bona ba SPA.
2. Lebelo le ntlafetseng
Lisebelisoa tsa marang-rang li tlameha ho potlaka le ho se senye nako ea basebelisi; ho seng joalo, batho ba tla batla libaka tse sebetsang hantle haholoanyane. Hobane sebaka sa Marang-rang se felletseng ha sea tlameha ho khatholla mme data feela e karolong e batloang ea litaba e fetoha, li-SPA li fana ka linako tsa karabelo kapele. Ka lebaka leo, ts'ebetso ea app ea webo e ntlafala haholo.
3. Tšebeliso ea lisebelisoa tse fokolang
Lisebelisoa tsa Leqephe le le Leng li sebelisa marang-rang a fokolang hobane maqephe a kentsoe hang feela. Li boetse li sebetsa libakeng tse nang le likhokahano tse liehang tsa marang-rang, tse etsang hore li fihlellehe ho mang kapa mang. Ho feta moo, ho fapana le li-MPA tse kang Google Docs, li sebetsa ntle le marang-rang, li boloka data ea hau, ka hona ha ua tlameha ho li fa khokahano ea inthanete e sa feleng ho li sheba le ho li sebetsa.
4. Caching e sebetsang hantle
Hobane e romella kopo e le 'ngoe feela ho seva ebe e nchafatsa lintlha tse ling, Sesebelisoa sa Leqephe le le leng se ka boloka data kapele. Ka tsela ena, e tla khona ho sebetsa le haeba o sa hokahane le Marang-rang. Haeba khokahano ea mosebelisi e lahlehile, data ea lehae e ka hokahanngoa le seva hang ha khokahano e khutlisitsoe.
5. Ho lokisa liphoso ho bonolo.
Ho lokisa liphoso ho netefatsa hore ha ho letho le ka e thibelang ho sebetsa hantle ka ho fumana le ho lokisa liphoso le mathata a ka etsang hore e fokotsehe. Hobane li entsoe ka meralo e tsebahalang joalo ka React, Angular, le Vue.js, Lisebelisoa tsa Leqephe le le Leng li bonolo ho li lokisa ho Google Chrome. Likarolo tsa leqephe, data, le lits'ebetso tsa marang-rang li ka hlahlojoa le ho hlahlojoa habonolo.
6. Ho lumellana ho pholletsa le liforomo tse 'maloa
Ka ho sebelisa codebase e le 'ngoe, bahlahisi ba ka etsa lits'ebetso tse sebetsang ho sistimi e ngoe le e ngoe ea ts'ebetso, sesebelisoa kapa sebatli. Ka lebaka leo, e ntlafatsa boiphihlelo ba bareki ka ho ba lumella ho fihlella SPA kae kapa kae moo ba khethang. Ho feta moo, bahlahisi ba ka etsa lisebelisoa tse nang le likarolo tse ngata habonolo. Ka mohlala, ha ba ntse ba theha sesebelisoa sa ho hlophisa litaba, ba ka kopanya lipalo-palo tsa nako ea sebele.
Mathata a amanang le SPA
1. Litšokelo tsa Inthaneteng
Likotsi tsa Marang-rang tse kang cross-site scripting (XSS) li kotsing haholo ho li-SPA ho feta li-MPA. Bahlaseli ba ka sebelisa XSS ho nyenyefatsa sesebelisoa sa marang-rang ka ho kenya mongolo oa lehlakoreng la bareki ho eona. Ho feta moo, thibelo ea phihlello ha e qobelloe ka thata maemong a ts'ebetso. Haeba bahlahisi ba sa nke mehato, lintlha tsa bohlokoa le lits'ebetso li ka pepesoa.
2. Nalane ea sebatli sa hau
Nalane ea sebatli ha e bolokoe ke li-SPA. Haeba u feta nakong e fetileng bakeng sa tlhahisoleseling efe kapa efe ea bohlokoa, sohle seo u se fumanang ke sehokelo sa SPA sa webosaete e felletseng. Ho feta moo, ha o khone ho khutlela morao le pele ho SPA. Haeba u sebelisa konopo ea morao, u tla romelloa leqepheng la tepo le kentsoeng pele ho fapana le boemo ba pele. Ho sebelisa HTML5 History API, leha ho le joalo, phoso ena e ka hlōloa.
3. Linako tsa pele tsa mojaro
Leha li-SPA li tumme ka lebelo le ts'ebetso ea tsona, ho nka nako e telele hore sebaka sohle se kenelle. E kanna ea halefisa basebelisi ba bang, ea etsa hore ba se hlole ba sebelisa sesebelisoa hape.
4. Liphetho tsa SEO tse sa sebetseng hantle
Moralo oa li-SPA o na le leqephe le le leng le nang le URL e le 'ngoe. E thibela bokhoni ba SPAs ho fumana ho tsoa ho enjine ea ho batla (SEO). Hobane ho na le tlholisano e ngata kantle moo, maano a SEO a ka u thusa ho nyolla boemo ba sebaka sa hau sa marang-rang liphethong tsa enjine ea patlo.
Ho thata ho ntlafatsa SEO hobane ho na le URL e le 'ngoe feela e se nang liapdeite kapa liaterese tse khethehileng. Indexation, analytics e matla, likhokahano tse ikhethang, metadata, le likarolo tse ling kaofela ha li eo. Liwebsaete tse joalo li thatafalloa ho hlahlojoa ke bots ea ho batla, ho etsa hore ho be thata ho ntlafatsa.
fihlela qeto e
Haeba u batla ho theha sesebelisoa se arabelang haholoanyane, kapele, hape se nang le likarolo tse ngata bakeng sa liwebsaeteng tseo batho ba etsang metsoalle ho tsona, Khoebo ea SaaS, lisebelisoa tse phelang, joalo-joalo, Likopo tsa Leqephe le le leng (SPAs) li ka thusa.
Ka lebaka leo, lekola lipheo le lipheo tsa hau ho bona hore na SPA e nepahetse bakeng sa hau, ebe u khetha moralo oa JavaScript ho qala.
Sepheo ke ho hlahloba bokhoni bo feletseng ba li-SPA haeba feme e batla ho haha sehlahisoa ka sepheo sa ho qetela sa ho ntlafatsa tlhahiso, ho sebelisana le basebelisi ka matla, le tlhahiso e phahameng ea ho etsa mesebetsi kapa ho hlahloba lintlha ka kopanelo.
Leave a Reply