Fizahan-takelaka[Afeno][Aseho]
Amin'izao tontolo dizitaly haingana sy mavitrika ary mifaninana izao, ny fikambanana mahomby indrindra dia porofo fa ny maha-mpanjifa no hany paikady maharitra hanitarana ny orinasa. Mihena hatrany ny sain'ny mpampiasa, manery ny orinasa hitady fomba vaovao sy tsara kokoa mba hanomezana traikefa tsy misy olana ho an'ny mpanjifany.
Raha te hamorona traikefa mahaliana sy miavaka ary tsy misy olana ho an'ny mpampiasa anao ianao, dia ny Single Page Applications (SPA) no lalana tokony haleha. Izany no antony mahatonga ny orinasa maro manomboka manangana singa amin'ny fampiharana an-tserasera amin'ny fampiasana endrika tranonkala vaovao antsoina hoe Fampiharana Pejy tokana.
Nampiasaina ihany koa ny SPA mba hamoronana Google sy Facebook, ireo behemoths roa izay manome hery ny fatranao isan'andro amin'ny Internet sy ny media sosialy.
Ity blôgy ity dia handrakotra ny singa rehetra amin'ny fampiharana pejy tokana, ao anatin'izany ny fahamendrehany, ny fahasamihafana misy eo amin'ny pejy tokana sy ny fampiharana pejy maro, ny rafitra SPA, sy ny maro hafa. Andeha isika hanomboka!
Inona no atao hoe fampiharana pejy tokana?
Ny fampiharana pejy tokana (SPA) dia pejy tokana (toy izany ny anarana) miaraka amin'ny angon-drakitra marobe izay tsy miova ary bitika vitsivitsy ihany no mila ovaina indray mandeha.
Ny fampiharana pejy tokana (SPA) dia pejin-tranonkala, vohikala, na rindranasa an-tranonkala izay mandeha tanteraka ao anatin'ny mpitety tranonkala iray ary tsy misy afa-tsy antontan-taratasy iray. Tsy mitaky famelombelomana ny pejy mandritra ny fampiasana izany, ary ny ankamaroan'ny fitaovana dia tsy miova fa ny ampahany kely amin'izy io dia mitaky fanavaozana.
Rehefa tsy maintsy ovaina ny atiny dia mampiasa JavaScript API ny SPA hanaovana izany. Ny mpampiasa dia afaka miditra amin'ny tranokala iray tsy mila misintona ny pejy vaovao sy angona feno avy amin'ny mpizara amin'ity fomba ity.
Vokatr'izany dia mihatsara ny fampisehoana ary mahatsapa ianao fa mampiasa programa teratany ianao. Manome traikefa an-tserasera mavitrika kokoa ny mpanjifa. Ny SPA dia manao azy mivantana, miasa ary tsotra ho an'ny mpampiasa mba ho ao anaty tontolo nomerika tokana tsy sarotra.
Ity sary etsy ambany ity dia mampiseho toe-javatra iray ahafahan'ny mpampiasa mifandray amin'ny mpitety azy, izay avy eo dia manao ny fangatahana API amin'ny serivisy mivantana. Ny navigateur dia mandefa fangatahana API mivantana amin'ny serivisy rehefa avy nahazo ny code source JavaScript sy HTML avy amin'ny mpanjifa. Satria vita mivantana ao amin'ny navigateur ny zava-drehetra, tsy mandefa fangatahana API amin'ny serivisy mihitsy ny mpizara ny fampiharana.
Ahoana no fiasan'ny Applications Pejy tokana?
Ny fampiharana pejy tokana dia manana maritrano mahitsy. Samy ampiasaina ny teknolojia famandrihana amin'ny lafiny mpanjifa sy amin'ny lafiny server. Andeha atao hoe te handeha amin'ny tranonkala iray manokana ianao.
Rehefa manoratra ny URL-ny ao amin'ny navigateur ianao mba hangataka fidirana, ny navigateur dia manao ny fangatahana amin'ny server iray, izay mamaly amin'ny antontan-taratasy HTML. Ny lohamilina dia manome ny votoaty HTML ho an'ny fangatahana voalohany ihany rehefa mampiasa SPA, ary angona JSON ho an'ny fanontaniana ho avy.
Midika izany fa tsy hamerina ny pejin-tranonkala manontolo ny SPA, fa hanangana indray ny votoatin'ny pejy ankehitriny ny SPA. Vokatr'izany dia tsy ilaina ny mamerina mamerina matetika, ary mihatsara ny fampisehoana. Ity endri-javatra ity dia ahafahan'ny SPA miasa mitovy amin'ny fampiharana teratany.
Ny fampiharana pejy maromaro dia tsy mitovy amin'ny fampiharana pejy tokana (MPA). Rehefa mangataka angona vaovao ny mpampiasa iray dia programa amin'ny tranonkala misy pejy maro averina averina ireto farany.
Fanampin'izay, mety haharitra ela ny SPA vao enta-mavesatra amin'ny voalohany, fa rehefa feno entana dia manome fampandehanana haingana kokoa sy fitetezana mirindra. Ny MPA dia mety ho kamo ary mitaky Internet haingam-pandeha, indrindra rehefa mampiasa singa sary. Amazon sy Google Docs dia ohatra roa amin'ny MPA.
Fampiharana pejy tokana Vs fampiharana pejy maro
Ny paikadin'ny fampiharana maro pejy (MPA) mahazatra dia tsy mila fahalalana JavaScript avy amin'ny ekipan'ny fampandrosoana anao (na dia midika aza ny fampifandraisana ny eo aloha sy aoriana dia midika fa mitaky fotoana lava kokoa ny fananganana tranokala). Amin'ny fampidirana pejy iray hafa dia azonao atao ny mampitombo ny fitaovana araka izay tianao, ary satria ny fampahalalana ao amin'ny pejy tsirairay dia static, Search Engine Optimization (SEO) dia tsotra.
Ny MPA, etsy ankilany, dia miadana kokoa ny fampiasana satria ny pejy vaovao tsirairay dia tsy maintsy ampidirina hatrany am-boalohany. Raha toa ka vakiana fotsiny ny votoatin'ny tranokalanao, dia mety ho MPA ihany no ilainao. Ny tombony fototra amin'ny fampiharana pejy tokana dia ny haingan'izy ireo.
Fanampin'izay, ny SPA dia tsara lavitra amin'ny fandefasana fampandehanana midadasika kokoa noho ny MPA, ary mitahiry vaovao izy ireo mba ho azo ampiasaina ivelan'ny aterineto ny programa.
Ny fatiantoka lehibe indrindra amin'ny SPA dia ny toetra mavitrika amin'ny atiny dia mahatonga ny SEO sy ny fahitana ho sarotra kokoa. Nivoatra ny crawler sy ny motera fikarohana mba hiatrehana tsara kokoa an'io karazana fampiharana io satria maro kokoa ny fikambanana mandray SPA.
Izany hoe, ny fampiharana pejy tokana dia tsy voatery ho ambony noho ny fampiharana pejy maro, ary ny mifamadika amin'izany. Samy manana ny tombony sy ny fatiantoka ny teknika roa.
Ny tombotsoan'ny MPA amin'ny SPA dia hanomboka hihena rehefa voahitsy ny olana momba ny crawler sy ny fanondroana teo aloha mifandraika amin'ny rindranasa pejy tokana, ary ity farany ity dia ho lasa fomba mahazatra amin'ny fampiharana an-tserasera maoderina.
Frameworks fampiharana pejy tokana
Raha nanatsoaka hevitra ianao fa ny famoronana SPA no fomba tsara indrindra hanomezana fahafaham-po ny filan'ny orinasanao, dia mila manangana izany amin'ny rafitra SPA matanjaka ianao. Nanangona lisitr'ireo rafitra fampiharana pejy tokana tsara indrindra ho an'ny fampiharana tranonkala manankarena izay afaka mitantana rafitra fampiharana lehibe izahay. Ny rafitra tsirairay dia manana ny toetrany sy ny fahaizany manokana.
1. Maneho Hevitra Momba
Ao anatin'ny tontolo mihetsiketsika amin'izao fotoana izao, rehefa manosika mafy mankany amin'ny fiovan'ny nomerika izao tontolo izao, dia nampidirin'ny fikambanana ny Scalability & Flexibility ho ao anatin'ny sehatra manan-danja indrindra hatrany am-piandohana, izay efa noeritreretina taloha. Vokatr'izany dia ilaina ny mitadidy an'io endri-javatra manan-danja io eo am-pamolavolana fampiharana iray pejy iray.
ReactJS dia rafitra tena tsara ampiasaina raha laharam-pahamehana ho an'ny orinasanao ny scalability sy flexibility. Ny fikojakojana ny fampiharana pejy tokana noforonina tamin'ny alàlan'ny React dia tena tsotra noho ny famolavolana mifototra amin'ny singa.
Ny DOM virtoaly dia tafiditra ao amin'ny pejy ReactJS. Izany dia ahafahan'ny ekipan'ny fampandrosoana manara-maso sy manavao ny fiovana tsy misy fiantraikany amin'ny ampahany hafa amin'ny hazo, mamela ny fampiharana ho mora kokoa.
Ho an'ny trano famakiam-boky mitokana, ny ReactJS dia azo ampifanarahana kokoa noho ny rafitra hafa, mamela ny fotoana famaliana haingana ary mahatonga azy io ho rafitra tsara indrindra amin'ny famolavolana SPA. Satria ny roa tonta dia mampiasa ReactJS, ny rafitra dia mamela ny fizarana entana eo amin'ny mpizara sy ny mpanjifa.
2. Angular
Misedra fahasahiranana matetika ny orinasa rehefa manandrana manosika ny tranonkala hahavita bebe kokoa: fampiharana 'Fampisehoana.' Ny tranokala ankehitriny dia manana endri-javatra miavaka kokoa noho ny teo aloha, ka sarotra ho an'ny orinasa ny hahazo fahombiazana lehibe amin'ny fitaovana maro.
Vokatr'izany, rehefa misafidy rafitra fampiharana pejy tokana, dia zava-dehibe ny fahombiazany. Raha ny hafainganam-pandehan'ny fampiharana pejy tokana dia tsy misy rafitra tsara kokoa noho ny AngularJS.
Ny fampifandraisana angon-drakitra an'ny AngularJS dia misoroka ny kaody maro izay tsy maintsy ataon'ny mpamorona raha tsy izany. Vokatr'izany, ny fampiasana Angular hamorona rindranasa pejy tokana dia mila andalana kaody vitsy kokoa ary manome hafainganam-pandeha miavaka.
Ny fampiharana mifototra amin'ny AngularJS dia fantatra amin'ny faingana ny entana. Izany dia azo atao amin'ny alàlan'ny fiasan'ny router singa AngularJS, izay manome fisarahana kaody mandeha ho azy. Izy io dia mamela ny mpampiasa hampiditra fotsiny ny kaody mpangataka mba hijery. Ny SPA namboarina miaraka amin'ny rafitra AngularJS dia afaka mandeha amin'ny sehatra rehetra.
3. Vue
VueJS no rafitra lehibe indrindra amin'ny fampivoarana rindranasa amin'ny pejy tokana raha ampiarahina amin'ny tranomboky manohana sy fitaovana ankehitriny. Ny Vue.js dia manamora ny fifandraisan'ny roa tonta amin'ny alalan'ny fanaovana ireo sakana HTML ho mora ny mitantana noho ny famolavolana MVVM azy.
Ny fatorana angona roa tonta dia fiasa izay tsy malaza amin'ny rafitra hafa toa ny React.js. Vue.js dia fantatra ihany koa amin'ny hoe rafitra mihetsiketsika satria mamaly ny fiovan'ny angona izy. Vue.js dia heverina ho ny tsara indrindra amin'ny tontolo roa, mitambatra React sy Angular.
Mampiasa DOM Virtual izy io ary mifototra amin'ny singa, toa an'i React, ka mahatonga azy haingana haingana. Izy io anefa dia manome torolàlana sy fatorana angon-drakitra roa, ka mahatonga azy ho rafitra mihetsika toa ny Angular. Vue.js dia tsy rafitra na tranomboky.
Izy io dia manome ny fitambaran'ny fahaiza-manao tsara indrindra amin'ny fananganana SPA, ary mora ny manampy bebe kokoa, toy ny Fitantanana ny Fanjakana sy ny Fandalovana.
4. Backbone.JS
Iray amin'ireo rafitra SPA malaza indrindra amin'ny fananganana rindranasa tranonkala azo ampifanarahana izy io, ary mifototra amin'ny lamina mpamorona MVP. Izy io dia manana router, modely, hetsika, fomba fijery, fanangonana, ary karazana endri-javatra mahafinaritra hafa izay mahatonga ny famoronana SPA ho tsotra sy haingana.
Backbone.JS dia rafitra malaza amin'ny famoronana rindranasa iray pejy. Mihoatra noho ny manampy ny mpamorona handrafetana fotodrafitrasa JS azy ireo ny rafitra fijerena modely. Amin'ny ankapobeny, ampiasaina hamerana ny fangatahana HTTP amin'ny mpizara izy io ary hanatsotra ny saro-takarina Mpampiasa interface teti-dratsy.
Izy io dia rafitra matotra amin'ny fananganana pejy tokana rindranasa tranonkala miaraka amin'ny fiaraha-monina lehibe. Ny trano famakiam-boky an-taoniny, ny habe kely, ny kaody abstract, ny fifandraisana entin'ny hetsika, ary ny fomba fanao kaody dia vitsivitsy amin'ireo toetrany mahagaga.
5. Ember.JS
Ny interface interface (UI) dia singa manan-danja amin'ny programa rehetra izay mampiavaka anao haingana amin'ny mpifaninana aminao. Raha afaka mandefa ny seha-pifaneraseran'ny mpampiasa manontolo amin'ny mpanjifa izy, dia ny fampiharana iray pejy iray no heverina ho mahomby indrindra. Vokatr'izany dia mampitombo ny fahombiazan'ny tambajotra amin'ny ankapobeny.
Raha ny iray amin'ireo olana lehibe indrindra amin'ny fampiharana anao dia ny interface interface, dia tokony handinika ny fampiasana EmberJS ho rafitra ianao. EmberJS, toa an'i AngularJS, dia manana fatorana angon-drakitra roa, izay miantoka fa ny fomba fijery sy ny modely dia mifanaraka foana.
Azo atao ny mamporisika ny famoahana DOM amin'ny lafiny mpizara miaraka amin'ny maody Ember FastbootJS, ka miteraka UI sarotra kokoa. EmberJS, izay miorina amin'ny fatorana roa, dia manitsy ny UI rehefa miova ny angona.
Vokatr'izany dia mora ny mamaritra ny interface interface izay mahafantatra ny fotoana hanavaozana. EmberJS dia rafitra misokatra miaraka amin'ny hevitra matanjaka izay mandrisika fahalalahana bebe kokoa. Vokatr'izany dia safidy tsara izy io amin'ny famoronana rindranasa an-tranonkala tokana manana endri-javatra misy fampiasa betsaka. Nordstrom, Kickstarter, LinkedIn, Netflix, ary marika lehibe maro hafa no mampiasa an'io rafitra io.
Ny tombony amin'ny SPA
1. Ny traikefan'ny mpampiasa tsara kokoa
Ny traikefan'ny mpampiasa tsara kokoa dia zava-dehibe amin'ny fahombiazan'ny fampiharana. Araka ny antontan'isa maromaro, mandao ny pejy an-tserasera izay malaina sy sarotra ampiasaina ny mpitsidika. Tsy mila miandry ny fitaovana feno hamelombelona ny mpampiasa raha toa ka ny ampahany amin'izany ihany no tadiaviny amin'ny fampiasana SPA. Fa kosa, afaka mahazo ny vaovao ilainy haingana kokoa ny mpanjifa, izay manatsara ny traikefany amin'ny SPA.
2. Nihatsara ny hafainganam-pandeha
Ny fampiharana amin'ny Internet dia tokony ho haingana kokoa ary tsy mandany ny fotoanan'ny mpampiasa; raha tsy izany dia hitady toerana mahomby kokoa ny olona. Satria tsy mila mamelombelona ny tranokala feno ary miova fotsiny ny angon-drakitra ao amin'ny ampahan'ny atiny nangatahana, manome fotoana haingana kokoa ny SPA. Vokatr'izany dia mihatsara be ny fampandehanan'ny fampiharana tranonkala.
3. Fampiasana loharanon-karena vitsy kokoa
Ny Apps Pejy tokana dia mampiasa bandwidth kely kokoa satria indray mandeha ihany no misy ny pejy. Izy ireo koa dia miasa any amin'ny faritra misy fifandraisana Internet miadana kokoa, mahatonga azy ireo ho azon'ny rehetra. Fanampin'izay, tsy toy ny MPA toa an'i Google Docs, miasa ivelan'ny aterineto izy ireo, mitahiry ny angonao, ka tsy mila manome azy ireo fifandraisana tsy tapaka amin'ny Internet ianao raha hijery sy hiasa amin'izy ireo.
4. Caching mahomby
Satria mandefa fangatahana iray amin'ny mpizara fotsiny izy ary manavao ny angona hafa, ny App Pejy tokana dia afaka mitahiry data haingana. Amin'izany fomba izany dia afaka miasa izy na dia tsy mifandray amin'ny Internet aza. Raha very ny fifandraisan'ny mpampiasa iray dia azo ampifanarahina amin'ny mpizara ny angona eo an-toerana rehefa tafaverina ny fifandraisana.
5. Tsotra ny debugging.
Ny debug ny fampiharana dia miantoka fa tsy misy afaka manakana azy tsy hanao ny tsara indrindra amin'ny fahitana sy fanitsiana ny lesoka sy olana mety hahatonga azy hihena. Satria izy ireo dia noforonina miaraka amin'ny rafitra malaza toa ny React, Angular, ary Vue.js, ny Application Pejy tokana dia mora apetraka ao amin'ny Google Chrome. Ny singa ao amin'ny pejy, ny angon-drakitra ary ny fizotran'ny tambajotra dia azo arahana mora foana sy atao fanadihadiana.
6. Mifanaraka amin'ny sehatra maro
Amin'ny fampiasana codebase tokana, ny mpamorona dia afaka mamorona fampiharana izay miasa amin'ny rafitra fiasana, fitaovana, na navigateur rehetra. Vokatr'izany dia manatsara ny traikefan'ny mpanjifa izany amin'ny famelana azy ireo hiditra amin'ny SPA na aiza na aiza nofidiany. Ankoatr'izay, ny mpamorona dia afaka mamorona rindranasa misy endri-javatra mora foana. Ohatra, rehefa mamolavola fitaovana fanitsiana votoaty izy ireo dia afaka mampiditra antontan'isa amin'ny fotoana tena izy.
Ny tsy fahampian'ny SPA
1. Fandrahonana an-tserasera
Ny loza an-tserasera toy ny scripting cross-site (XSS) dia mora voan'ny SPA noho ny MPA. Ny mpanafika dia afaka mampiasa XSS mba hampandeferana ny fampiharana tranonkala amin'ny alàlan'ny fampidirana script amin'ny lafiny mpanjifa ao anatiny. Ankoatr'izay, ny famerana ny fidirana dia tsy ampiharina amin'ny ambaratongam-piasana. Raha tsy mandray fepetra ny mpamorona dia mety hipoitra ny angon-drakitra sy ny fiasa saro-pady.
2. Tantaran'ny mpitety tranonkalanao
Tsy voavonjin'ny SPA ny tantaran'ny navigateur. Raha mandalo amin'ny lasa ianao mba hahazoana fampahalalana mahasoa, ny rohy mankany amin'ny tranokala feno ihany no hitanao. Ankoatra izany, tsy afaka miverina sy miverina ao amin'ny SPA ianao. Raha mampiasa ny bokotra miverina ianao dia halefa any amin'ny pejin-tranonkala efa voapetraka teo aloha fa tsy ny fanjakana teo aloha. Ny fampiasana ny HTML5 History API anefa dia azo resena io lesoka io.
3. Fotoan'ny entana voalohany
Na dia malaza amin'ny hafainganam-pandehany sy ny fahombiazany aza ny SPA, dia mila fotoana lava ny fandefasana ny tranokala manontolo. Mety hahatezitra ny mpampiasa sasany izany, ka mahatonga azy ireo tsy hampiasa ny fampiharana intsony.
4. Vokatra SEO tsy mahomby
Ny rafitry ny SPA dia ahitana pejy tokana misy URL tokana. Mametra ny fahafahan'ny SPA hahazo tombony amin'ny fanatsarana ny motera fikarohana (SEO). Satria misy fifaninanana be dia be any, ny paikady SEO dia afaka manampy anao hampitombo ny naotin'ny tranokalanao amin'ny valin'ny motera fikarohana.
Sarotra ny manatsara ny SEO satria URL iray ihany no tsy misy fanavaozana na adiresy manokana. Ny fanondroana, fanadihadiana matanjaka, fifandraisana tokana, metadata, ary ireo endri-javatra hafa dia tsy hita avokoa. Ny tranokala toy izany dia manana fotoan-tsarotra amin'ny famakafakana amin'ny bots fikarohana, ka manasarotra ny fanatsarana.
Famaranana
Raha te hanorina fampiharana mamaly kokoa, haingana kokoa ary manana endri-javatra ianao fifaneraserana, orinasa SaaS, fanavaozana mivantana, sy ny sisa, afaka manampy ny Single Page Applications (SPA).
Vokatr'izany, tombano ny tanjonao sy ny tanjonao hahitana raha mety aminao ny SPA, ary mifidiana rafitra JavaScript hanombohana.
Ny tanjona dia ny hitrandraka ny fahafahan'ny SPA feno raha toa ka te-hanamboatra vokatra ny orinasa iray miaraka amin'ny tanjona farany amin'ny fanatsarana ny fampahafantarana, ny fandraisan'anjaran'ny mpampiasa matanjaka kokoa, ary ny vokatra avo kokoa amin'ny fanatanterahana hetsika na fandinihana angon-drakitra.
Leave a Reply