තනි පිටු යෙදුමක් (SPA) යනු වඩාත් ප්‍රතිචාර දැක්වීමට සහ ඩෙස්ක්ටොප් යෙදුමක් හෝ ස්වදේශීය යෙදුමක් වඩාත් සමීපව අනුකරණය කිරීමට තනි HTML පිටුවක් හරහා පරිශීලකයාට ඉදිරිපත් කරන වෙබ් යෙදුමකි.
සමහර වෙලාවට SPA එකක් එනවා defiනයිට් තනි පිටු අතුරුමුහුණත (SPI).
තනි-පිටු යෙදුමකට මූලික පැටවීමේදී යෙදුමේ සියලුම HTML, JavaScript සහ CSS ලබා ගත හැක, නැතහොත් පරිශීලක අන්තර්ක්‍රියා හෝ වෙනත් සිදුවීම් වලට ප්‍රතිචාර වශයෙන් යාවත්කාලීන කිරීම සඳහා ගතිකව සම්පත් පූරණය කළ හැක.
වෙනත් වෙබ් යෙදුම්, වෙනම HTML පිටු මත යෙදුමේ කොටස් වලට සම්බන්ධ මුල් පිටුවක් පරිශීලකයාට ඉදිරිපත් කරයි, එයින් අදහස් කරන්නේ පරිශීලකයාට ඔවුන් නව ඉල්ලීමක් කරන සෑම අවස්ථාවකම නව පිටුවක් පූරණය වන තෙක් බලා සිටිය යුතු බවයි.
තාක්ෂණයන්
පරිශීලක ඉල්ලීම් සඳහා තරල සහ ගතික ප්‍රතිචාර සබල කිරීමට SPAs HTML5 සහ Ajax (අසමමුහුර්ත ජාවාස්ක්රිප්ට් සහ XML) භාවිතා කරයි, පරිශීලකයෙකු ක්‍රියාවක් කරන විට අන්තර්ගතය වහාම යාවත්කාලීන කිරීමට ඉඩ සලසයි. පිටුව පූරණය වූ පසු, Ajax ඇමතුම් හරහා සේවාදායකය සමඟ අන්තර්ක්‍රියා සිදු වන අතර, නැවත පූරණය කිරීම අවශ්‍ය නොවී පිටුව නැවුම් කිරීමට, JSON (JavaScript Object Notation) ආකෘතියෙන් අනාවරණය කරගත් දත්ත ආපසු ලබා දෙනු ලැබේ.
SPA විස්තරාත්මකව
HTML ලබා ගැනීම සඳහා සේවාදායක වට සංචාරයක් අවශ්‍ය නොවී පරිශීලක අතුරුමුහුණතේ ඕනෑම කොටසක් ප්‍රතිනිර්මාණය කිරීමේ හැකියාව සඳහා තනි පිටු යෙදුම් කැපී පෙනේ. දත්ත කළමනාකරණය කරන ආකෘති ස්ථරයක් සහ ආකෘතිවලින් කියවන දර්ශන ස්තරයක් සමඟ දත්ත ඉදිරිපත් කිරීමෙන් දත්ත වෙන් කිරීම මගින් මෙය සිදු කෙරේ.
හොඳ කේතයක් පැමිණෙන්නේ එකම ගැටළුව කිහිප වතාවක් විසඳීමෙන් හෝ එය නැවත සකස් කිරීමෙන් ය. සාමාන්‍යයෙන්, මෙම ක්රියාවලිය පුනරාවර්තන රටා තුළ පරිණාමය වන අතර, එක් යාන්ත්‍රණයක් එකම දේ අඛණ්ඩව සිදු කරයි.
නඩත්තු කළ හැකි කේතය ලිවීමට, ඔබ සරල ආකාරයකින් කේතය ලිවිය යුතුය. මෙය නිරන්තර අරගලයකි, ඇත්ත වශයෙන්ම ගැටලුවක් විසඳීම සඳහා කේතය ලිවීමෙන් සංකීර්ණත්වය (ඇතුල්වීම්/පරාධීතා) එකතු කිරීම පහසුය; සහ සංකීර්ණත්වය අඩු නොවන ආකාරයෙන් ගැටලුවක් විසඳීම පහසුය.
නාම අවකාශයන් මෙයට උදාහරණයකි.
තනි පිටු යෙදුම් (SPA) බහු පිටු යෙදුම් (MPA) සැසඳේ
බහු-පිටු යෙදුම් (MPAs) ස්ථිතික දත්ත සහ වෙනත් අඩවි වෙත සබැඳි සහිත පිටු කිහිපයක් අඩංගු වේ. HTML සහ CSS යනු MPA වෙබ් අඩවි සංවර්ධනය සඳහා භාවිතා කරන ප්‍රධාන තාක්ෂණයන් වේ. පැටවීම අඩු කිරීමට සහ වේගය වැඩි කිරීමට ඔවුන්ට JavaScript භාවිතා කළ හැකිය. අන්තර්ජාල වෙළඳසැල් වැනි පුළුල් පරාසයක සේවාවන් සපයන සංවිධාන, විවිධ පරිශීලක දත්ත සමුදායන් වෙත සම්බන්ධ වීමට පහසුකම් සපයන බැවින් MPA භාවිතා කිරීම සලකා බැලිය යුතුය.
තනි පිටු යෙදුම් බහු-පිටු යෙදුම් වලින් පහත ආකාරවලින් වෙනස් වේ:
- සංවර්ධන ක්රියාවලිය: MPAs නිර්මාණය කිරීමේදී, SPAs මෙන් නොව, ඔබට JavaScript ප්‍රවීණතාවය අවශ්‍ය නොවේ. කෙසේ වෙතත්, MPAs හි ඉදිරිපස-අන්ත සහ පසුපස-අන්ත සම්බන්ධ කිරීම යන්නෙන් අදහස් වන්නේ මෙම අඩවි වලට SPA වලට වඩා සාපේක්ෂව දිගු ඉදිකිරීම් කාලයක් අවශ්‍ය වන බවයි.
- වේගය: MPAs සාපේක්ෂව මන්දගාමීව ධාවනය වන අතර, සෑම නව පිටුවක්ම මුල සිටම පූරණය කිරීම අවශ්‍ය වේ. කෙසේ වෙතත්, SPAs මුල් බාගැනීමෙන් පසු පසුව භාවිතා කිරීම සඳහා දත්ත හැඹිලිගත බැවින් ඉතා වේගයෙන් පූරණය වේ.
- සෙවුම් යන්ත්ර ප්‍රශස්තකරණය: සෙවුම් යන්ත්‍රවලට MPA සමඟ පහසුවෙන් වෙබ් අඩවි සුචිගත කළ හැක. වඩා හොඳ SEO ශ්‍රේණිගත කිරීම් උත්පාදනය කිරීම සඳහා සෙවුම් යන්ත්ර මගින් රිංගන ලද වැඩි පිටු MPAs සතුව ඇත. එක් එක් පිටුවෙහි අන්තර්ගතය ස්ථිතික වන අතර, එය වඩාත් ප්‍රවේශ විය හැක. ඊට වෙනස්ව, SPA වලට තනි අනන්‍ය URL (Uniform Resource Locator) සහිත පිටුවක් ඇත. ඔවුන් JavaScript ද භාවිතා කරයි, එය බොහෝ සෙවුම් යන්ත්ර විසින් නිසි ලෙස සුචිගත කර නොමැත. මෙය SPA සඳහා SEO ශ්‍රේණිගත කිරීම් වඩාත් අභියෝගාත්මක කරයි.
- ආරක්ෂක: MPA හි, ඔබ එක් එක් සබැඳි පිටුව තනි තනිව සුරක්ෂිත කළ යුතුය. කෙසේ වෙතත්, SPAs හැකර් ප්‍රහාරවලට ගොදුරු වීමේ වැඩි ප්‍රවණතාවක් ඇත. නමුත් නිවැරදි ප්‍රවේශය සමඟ, සංවර්ධන කණ්ඩායම් වලට යෙදුම් ආරක්ෂාව වැඩි දියුණු කළ හැකිය.
SPA භාවිතා කිරීමට තවත් ව්‍යාපාර සංක්‍රමණය වන විට, බඩගාන්නන් සහ සෙවුම් යන්ත්ර වඩා හොඳ සුචිගත කිරීමට පරිණාමය වනු ඇත. එහි වේගය අනුව, එය SPAs වෙබ් යෙදුම් සංවර්ධනය සඳහා යන විකල්පය බවට පත්වන්නේ කවදාද යන්න ප්රශ්නයක් පමණි. එවිට SPA වලට වඩා MPA හි වාසි මැකී යාමට පටන් ගනී.
තනි පිටු යෙදුම් භාවිතා කළ යුත්තේ කවදාද?
එවැනි යෙදුම් වඩාත් අදාළ වන අවස්ථා පහක් ඇත:
- ගතික වේදිකාවක් සහ අඩු දත්ත පරිමාවක් සහිත වෙබ් අඩවියක් සංවර්ධනය කිරීමට කැමති පරිශීලකයින්ට SPA භාවිතා කළ හැක.
- ඔවුන්ගේ වෙබ් අඩවිය සඳහා ජංගම යෙදුමක් තැනීමට සැලසුම් කරන පරිශීලකයින්ට SPA භාවිතා කිරීම ද සලකා බැලිය හැකිය. ඔවුන්ට වෙබ් අඩවිය සහ ජංගම යෙදුම සඳහා පසුබිම් API (යෙදුම් ක්‍රමලේඛන අතුරුමුහුණත) භාවිතා කළ හැක.
- SPA ගෘහ නිර්මාණ ශිල්පය Facebook, SaaS වේදිකා සහ සංවෘත ප්‍රජාවන් වැනි සමාජ ජාල ගොඩනැගීමට සුදුසු වන්නේ ඒවාට අඩු SEO අවශ්‍ය වන බැවිනි.
- තම පාරිභෝගිකයින්ට බාධාවකින් තොරව අන්තර්ක්‍රියා කිරීමට අවශ්‍ය පරිශීලකයන් ද SPA භාවිතා කළ යුතුය. පාරිභෝගිකයින්ට සජීවී ප්‍රවාහ දත්ත සහ ප්‍රස්ථාර සඳහා සජීවී යාවත්කාලීන වෙත ප්‍රවේශ විය හැක.
- උපාංග, මෙහෙයුම් පද්ධති සහ බ්‍රවුසර හරහා ස්ථාවර, ස්වදේශීය සහ ගතික පරිශීලක අත්දැකීමක් ලබා දීමට අවශ්‍ය පරිශීලකයින්.
උසස් තත්ත්වයේ තනි පිටු යෙදුමක් නිර්මාණය කිරීමට හොඳ කණ්ඩායමකට අයවැය, මෙවලම් සහ කාලය තිබිය යුතුය. මෙය ගමනාගමනය සම්බන්ධ අක්‍රිය කාලය අත්විඳ නැති විශ්වාසනීය සහ කාර්යක්ෂම SPA එකක් සහතික කරනු ඇත.
තනි පිටු යෙදුම් ගෘහ නිර්මාණ ශිල්පය
තනි පිටු යෙදුම් වත්මන් පිටුව පූරණය කිරීමෙන් සහ වැඩ කිරීමෙන් අමුත්තන් සමඟ අන්තර් ක්‍රියා කරයි, සේවාදායකයෙන් වෙබ් පිටු කිහිපයක් පූරණය කිරීමේ අවශ්‍යතාවය ඉවත් කරයි.
SPA සහිත වෙබ් අඩවි තනි URL සබැඳියකින් සමන්විත වේ. අන්තර්ගතය බාගත කර ඇති අතර ක්ලික් කළ විට විශේෂිත පරිශීලක අතුරුමුහුණත් (UI) සංරචක යාවත්කාලීන වේ. සේවාදායකයෙන් නව අන්තර්ගතයක් ලබා ගන්නා බැවින් පරිශීලකයාට වත්මන් පිටුව සමඟ අන්තර් ක්‍රියා කළ හැකි බැවින් පරිශීලක අත්දැකීම වැඩිදියුණු වේ. නැවුම් කිරීමක් සිදු වූ විට, වත්මන් පිටුවේ කොටස් නව අන්තර්ගතය සමඟ යාවත්කාලීන වේ.
SPA හි ආරම්භක සේවාලාභී ඉල්ලීම යෙදුම සහ HTML, CSS සහ JavaScript වැනි එයට අදාළ සියලු වත්කම් පූරණය කරයි. ආරම්භක පැටවුම් ගොනුව සංකීර්ණ යෙදුම් සඳහා සැලකිය යුතු විය හැකි අතර එහි ප්‍රතිඵලයක් ලෙස පැටවීමේ කාලය මන්දගාමී වේ. යෙදුම් ක්‍රමලේඛන අතුරුමුහුණතක් (API) පරිශීලකයා SPA හරහා සැරිසරන විට නව දත්ත ලබා ගනී. සේවාදායකය ප්‍රතිචාර දක්වන්නේ JSON (JavaScript Object Notation) ආකෘතියෙන් දත්ත සමඟ පමණි. මෙම දත්ත ලැබීමෙන් පසු, පිටුවක් නැවත පූරණය නොකර පරිශීලකයා දකින යෙදුමේ දර්ශනය බ්‍රවුසරය නැවුම් කරයි.
තනි පිටු යෙදුම් ගෘහ නිර්මාණ ශිල්පයට සේවාදායක පැත්ත සහ සේවාලාභී පාර්ශ්ව විදැහුම්කරණ තාක්ෂණයන් ඇතුළත් වේ. Client Side Rendering (CSR), Server Side Rendering (SSR) හෝ Static Site Generator (SSG) හරහා වෙබ් අඩවිය ප්‍රදර්ශනය කර පරිශීලකයාට ඉදිරිපත් කෙරේ.
- Client Side Rendering (CSR)
සේවාලාභී පාර්ශ්ව විදැහුම්කරණය සමඟ, බ්‍රවුසරය HTML ගොනුවක් සඳහා සේවාදායකයට ඉල්ලීමක් කරන අතර අමුණා ඇති ස්ක්‍රිප්ට් සහ මෝස්තර සහිත මූලික HTML ගොනුවක් ලබා ගනී. ජාවාස්ක්රිප්ට් ක්‍රියාත්මක කරන අතරතුර, පරිශීලකයා හිස් පිටුවක් හෝ ලෝඩර රූපයක් දකී. SPA දත්ත ලබා ගනී, දෘශ්‍යකරණයන් නිෂ්පාදනය කරයි, සහ දත්ත ලේඛන වස්තු ආකෘතියට (DOM) තල්ලු කරයි. SPA පසුව භාවිතය සඳහා සූදානම් වේ. CSR බොහෝ විට විකල්ප තුනෙන් දිගම වන අතර අන්තර්ගතය බැලීමේදී උපාංග සම්පත් අධික ලෙස භාවිතා කිරීම නිසා බ්‍රවුසරය වරින් වර යටපත් කළ හැක. මීට අමතරව, CSR යනු අධික තදබදයක් ඇති වෙබ් අඩවි සඳහා හොඳ විකල්පයකි, එය අධික සේවාදායක සන්නිවේදනයකින් තොරව පාරිභෝගිකයින්ට තොරතුරු ඉදිරිපත් කරන අතර, වේගවත් පරිශීලක අත්දැකීමක් ලබා දෙයි.
- සේවාදායක පැති විදැහුම්කරණය (SSR)
සේවාදායක පැති විදැහුම්කරණය අතරතුර, බ්‍රව්සර් සේවාදායකයෙන් HTML ගොනුවක් ඉල්ලා සිටින අතර, එය ඉල්ලූ දත්ත ලබා ගනී, SPA ලබා දෙයි, සහ ගමනේ දී යෙදුම සඳහා HTML ගොනුව නිර්මාණය කරයි. ප්‍රවේශ විය හැකි ද්‍රව්‍ය පසුව පරිශීලකයාට ඉදිරිපත් කෙරේ. සිදුවීම් ඇමිණීමට, අතථ්‍ය DOM නිෂ්පාදනය කිරීමට සහ වැඩිදුර මෙහෙයුම් සිදු කිරීමට SPA ගෘහ නිර්මාණ ශිල්පය අවශ්‍ය වේ. SPA පසුව භාවිතය සඳහා සූදානම් වේ. SSR එය SPA එකක වේගය සහ පරිශීලකයාගේ බ්‍රවුසරය අධික ලෙස පටවන්නේ නැති නිසා වැඩසටහන වේගවත් කරයි.
- ස්ථිතික අඩවි උත්පාදක (SSG)
ස්ථිතික අඩවි සාදන්නා තුළ, බ්‍රව්සර් වහාම HTML ගොනුවක් සඳහා සේවාදායකයට ඉල්ලීමක් කරයි. පිටුව පරිශීලකයාට දර්ශනය වේ. SPA දත්ත ලබා ගනී, දසුන් ජනනය කරයි, සහ ලේඛන වස්තු ආකෘතිය (DOM) ජනනය කරයි. එවිට, SPA භාවිතය සඳහා සූදානම් වේ. නමෙන් අනුමාන කිරීම, SSGs බොහෝ දුරට ස්ථිතික පිටු සඳහා සුදුසු වේ. ඔවුන් හොඳ සහ වේගවත් විකල්පය සමඟ ස්ථිතික පිටු සපයයි. ගතික අන්තර්ගතයන් සහිත වෙබ් අඩවි සඳහා, අනෙකුත් තොරතුරු විදැහුම්කරණ විකල්ප දෙකෙන් එකක් තෝරා ගැනීමට පරිශීලකයින්ට උපදෙස් දෙනු ලැබේ.
තනි පිටු යෙදුම්වල වාසි
Meta, YouTube සහ Netflix වැනි විශාල සමාගම් බහු පිටු යෙදුම් සිට තනි පිටු යෙදුම් වෙත මාරු වී ඇත. SPAs සුමට පරිශීලක අත්දැකීමක්, ඉහළ කාර්ය සාධනයක් සහ ප්‍රතිචාර දැක්වීමක් ලබා දෙයි. තනි පිටු යෙදුම් භාවිතා කිරීමේ ප්රතිලාභ පහත දැක්වේ.
- හැඹිලි කිරීමේ විශේෂාංගය
තනි පිටු යෙදුමක් ආරම්භක බාගත කිරීමේදී සේවාදායකයට තනි ඉල්ලීමක් කරන අතර එය ලැබෙන ඕනෑම දත්තයක් සුරකියි. අවශ්‍ය නම් පාරිභෝගිකයින්ට ලැබුණු දත්ත නොබැඳි ලෙස ක්‍රියා කිරීමට භාවිතා කළ හැකි අතර එමඟින් අඩු දත්ත සම්පත් පරිභෝජනය කිරීමට ඉඩ ලබා දෙන බැවින් පරිශීලකයින්ට එය වඩාත් පහසු වේ. එසේම, සේවාදායකයෙකුට නරක අන්තර්ජාල සම්බන්ධතාවයක් ඇති විට, LAN සම්බන්ධතාවය ඉඩ දෙන්නේ නම්, දේශීය දත්ත සේවාදායකය සමඟ සමමුහුර්ත කළ හැක.
- වේගවත් සහ ප්‍රතිචාරාත්මක
SPA භාවිතා කිරීමෙන් වෙබ් අඩවියක වේගය වැඩි දියුණු කළ හැක්කේ එය සම්පූර්ණ පිටුවම නැවුම් කිරීම වෙනුවට ඉල්ලන ලද අන්තර්ගතය පමණක් නැවුම් කරන බැවිනි. SPA නව පිටුවකට වඩා කුඩා JSON ගොනුවක් පූරණය කරයි. JSON ගොනුව වේගවත් පැටවීමේ වේගය සහ කාර්යක්ෂමතාව සහතික කරයි. එය කිසිදු ප්‍රමාදයකින් තොරව පිටුවක සියලුම විශේෂාංග සහ කාර්යයන් වෙත ක්ෂණික ප්‍රවේශයක් ලබා දෙයි. වෙබ් අඩවියක පැටවීමේ කාලය ආදායමට සහ විකුණුම්වලට සැලකිය යුතු ලෙස බලපෑ හැකි බැවින් මෙය විශාල ප්ලස් වේ.
SPAs පිටුවේ ඇති සියලුම තොරතුරු ක්ෂණිකව ලබා දීමෙන් සුමට සංක්‍රමණයකට ඉඩ සලසයි. වෙබ් අඩවිය යාවත්කාලීන කිරීමට අවශ්‍ය නැත, එබැවින් එහි ක්‍රියාවලි සාමාන්‍ය සබැඳි යෙදුම්වලට වඩා කාර්යක්ෂම වේ.
එසේම, SPA සමග, HTML, CSS, සහ ස්ක්‍රිප්ට් වැනි වත්කම් ජාවා ඒවා ලබා ගන්නේ යෙදුමක ජීවිත කාලය තුළ එක් වරක් පමණි. අවශ්‍ය දත්ත පමණක් එහා මෙහා හුවමාරු වේ.
හැඹිලිගත කිරීම සහ අඩු කළ දත්ත පරිමාවන් හේතුවෙන් SPA සහිත පිටු පරිශීලකයින්ට වේගයෙන් සැරිසැරීමට ඉඩ සලසයි. අවශ්‍ය දත්ත පමණක් එහාට මෙහාට සම්ප්‍රේෂණය වන අතර යාවත්කාලීන කළ අන්තර්ගතයේ නැතිවූ කොටස් පමණක් බාගත කෙරේ.
- Chrome සමඟින් දෝෂහරණය කිරීම
නිදොස්කරණය මඟින් කාර්ය සාධනය මන්දගාමී කරන දෝෂ, දෝෂ සහ වෙබ් යෙදුම් ආරක්ෂණ දුර්වලතා හඳුනාගෙන ඉවත් කරයි. Chrome සංවර්ධක මෙවලම් සමඟින් SPA නිදොස් කිරීම පහසු කර ඇත. සංවර්ධකයින්ට බ්‍රවුසරයෙන් JS කේත විදැහුම්කරණය පාලනය කළ හැකිය, බොහෝ කේත රේඛා හරහා නොසිට SPA නිදොස්කරණය කළ හැකිය.
SPAs ගොඩනගා ඇත්තේ AngularJS සහ React developer tools වැනි JavaScript රාමු මත වන අතර, ඒවා Chrome බ්‍රවුසර භාවිතයෙන් නිදොස් කිරීම පහසු කරයි.
සංවර්ධක මෙවලම් සංවර්ධකයින්ට බ්‍රවුසරය සේවාදායකයන්ගෙන් දත්ත ඉල්ලා සිටින්නේ කෙසේද, එය හැඹිලිගත කරන්නේ කෙසේද සහ එය පිටු මූලද්‍රව්‍ය පෙන්වන්නේ කෙසේද යන්න තේරුම් ගැනීමට ඉඩ දෙයි. අතිරේකව, මෙම මෙවලම් සංවර්ධකයින්ට පිටු මූලද්‍රව්‍ය, ජාල මෙහෙයුම් සහ ආශ්‍රිත දත්ත නිරීක්ෂණය කිරීමට සහ විශ්ලේෂණය කිරීමට ඉඩ සලසයි.
- වේගවත් සංවර්ධනය
සංවර්ධන ක්‍රියාවලියේදී, SPA එකක ඉදිරිපස අන්තය සහ පසුපස අන්තය වෙන් කළ හැකි අතර, සංවර්ධකයින් දෙදෙනෙකුට හෝ වැඩි ගණනකට සමාන්තරව වැඩ කිරීමට ඉඩ සලසයි. ඉදිරිපස හෝ පසුපෙළ වෙනස් කිරීම අනෙක් අන්තයට බලපාන්නේ නැත, එබැවින් වේගවත් සංවර්ධනය ප්‍රවර්ධනය කරයි.
සංවර්ධකයින්ට සේවාදායක පැති කේතය නැවත භාවිතා කළ හැකි අතර ඉදිරිපස UI වෙතින් SPA වෙන් කළ හැක. SPA වල විසංයෝජනය කරන ලද ගෘහ නිර්මාණ ශිල්පය ඉදිරිපස-අන්ත සංදර්ශක සහ පසු-අන්ත සේවා වෙන් කරයි. මෙමගින් සංවර්ධකයින්ට ඉදිරිදර්ශන වෙනස් කිරීමට, ගොඩනැගීමට සහ අත්හදා බැලීමට අන්තර්ගතයට බලපෑම් නොකර හෝ පසුගාමී තාක්ෂණය ගැන කරදර වීමට ඉඩ සලසයි. එවිට පාරිභෝගිකයින්ට මෙම යෙදුම් භාවිතයෙන් ස්ථාවර අත්දැකීමක් ලබා ගත හැක.
- වැඩිදියුණු කළ පරිශීලක අත්දැකීම
SPA සමඟින්, පරිශීලකයින්ට එකවර සියලුම අන්තර්ගතයන් සමඟින් බැලූ පිටු වෙත ක්ෂණිකව ප්‍රවේශය ලැබේ. පරිශීලකයින්ට පහසුවෙන් සහ බාධාවකින් තොරව අනුචලනය කළ හැකි බැවින් මෙය වඩාත් පහසු වේ. එය ස්වදේශීය ඩෙස්ක්ටොප් එකක් හෝ ජංගම යෙදුමක් භාවිතා කරන බවක් දැනේ.
SPAs වෙනස් ආරම්භයක්, මැද සහ අවසානයක් සහිත ධනාත්මක UX සපයයි. එසේම, MPA වල මෙන් බහු සබැඳි ක්ලික් නොකර පරිශීලකයින්ට අවශ්‍ය අන්තර්ගතයට ළඟා විය හැකිය. පිටු පූරණය වීමට සැලකිය යුතු කාලයක් ගතවන බැවින් පරිශීලකයින් කලකිරීමට පත්වන MPA මෙන් නොව, පරිශීලකයින්ට තොරතුරු වෙත ක්ෂණික ප්‍රවේශය ලැබෙන විට ඔබට අඩු bounce අනුපාත අත්දකියි. පිටු මූලද්‍රව්‍ය නැවත භාවිත කරන නිසා සංචාලනය ද වේගවත් වේ.
- IOS සහ Android යෙදුම් බවට පරිවර්තනය
iOS සහ Android යෙදුම් වෙත සංක්‍රමණය වීමට බලාපොරොත්තු වන සංවර්ධකයින් ඒවා පරිවර්තනය කිරීමට සාපේක්ෂව පහසු බැවින් SPA භාවිත කළ යුතුය. SPA සිට ජංගම යෙදුම් වෙත මාරු වීමට ඔවුන්ට එකම කේතය භාවිතා කළ හැකිය. සම්පූර්ණ කේතයම එක් අවස්ථාවක සපයා ඇති නිසා, SPAs සැරිසැරීමට පහසු වන අතර, ඒවා ජංගම යෙදුම් සඳහා වඩාත් සුදුසු වේ.
- හරස් වේදිකා අනුකූලතාව
ඕනෑම උපාංගයක්, බ්‍රවුසරයක් සහ මෙහෙයුම් පද්ධතියක් මත ධාවනය කළ හැකි යෙදුම් තැනීමට සංවර්ධකයින්ට තනි කේත පදනමක් භාවිතා කළ හැක. ඕනෑම තැනක SPA භාවිතා කළ හැකි බැවින් මෙය පාරිභෝගික අත්දැකීම වැඩි දියුණු කරයි. අන්තර්ගත-සංස්කරණ යෙදුම් සංවර්ධනය කරන අතරතුර, තත්‍ය කාලීන විශ්ලේෂණ ඇතුළු විශේෂාංග-පොහොසත් යෙදුම් තැනීමට එය සංවර්ධකයින්ට සහ DevOps ඉංජිනේරුවන්ට ද හැකියාව ලබා දෙයි.
අවාසි
තනි පිටු යෙදුම්වල සියලු වාසි තිබියදීත්, SPA රාමු භාවිතා කරන විට සමහර අවාසි මතු වේ. වාසනාවකට මෙන්, SPA සමඟ මෙම ගැටළු මඟහරවා ගැනීමට කටයුතු සිදු වෙමින් පවතී. පහත දැක්වෙන්නේ අවාසි කිහිපයක්;
- සෙවුම් යන්ත්ර ප්‍රශස්තකරණය (SEO)
තනි පිටු යෙදුම් SEO සඳහා සුදුසු නොවන බව පුළුල් ලෙස විශ්වාස කෙරේ. Google හෝ Yahoo වැනි බොහෝ සෙවුම් යන්ත්‍රවලට, Ajax සේවාදායක සමඟ අන්තර්ක්‍රියා මත පදනම්ව SPA වෙබ් අඩවි බඩගා යාමට නොහැකි වී ඇත. එහි ප්‍රතිඵලයක් වශයෙන්, මෙම SPA අඩවි බොහොමයක් සුචිගත නොවී පැවතුනි. දැනට, Google bots හට ශ්‍රේණිගත කිරීම් වලට හානි කරන SPA වෙබ් අඩවි සුචිගත කිරීමට සාමාන්‍ය HTML වෙනුවට JavaScript භාවිතා කරන ආකාරය උගන්වා ඇත.
සූදානම් කළ SPA අඩවියකට SEO සවි කිරීමට උත්සාහ කිරීම අභියෝගාත්මක සහ මිල අධිකය. සංවර්ධකයින්ට වෙනම වෙබ් අඩවියක් ගොඩනගා ගත යුතු අතර, එය සෙවුම් යන්ත්ර සේවාදායකය විසින් සපයනු ලැබේ, එය අකාර්යක්ෂම වන අතර අමතර කේත රාශියක් ඇතුළත් වේ. විශේෂාංග හඳුනාගැනීම සහ පෙර විදැහුම්කරණය වැනි වෙනත් තාක්ෂණික ක්‍රම ද භාවිතා කළ හැක. SPA පහසුකම් තුළ, එක් එක් පිටුව සඳහා තනි URL එකක් SPA සඳහා SEO හැකියාවන් සීමා කරයි.
- පසුපසට සහ ඉදිරියට බොත්තම් සංචලනය
වෙබ් පිටු ඉක්මනින් පූරණය කිරීමට උපකාර කිරීම සඳහා බ්‍රව්සර් තොරතුරු සුරකියි. පාරිභෝගිකයින් ආපසු බොත්තම එබූ විට, බොහෝ අය අපේක්ෂා කරන්නේ පිටුව ඔවුන් අවසන් වරට බැලූ අවස්ථාවට සමාන තත්වයක පවතිනු ඇති බවත්, සංක්‍රාන්තිය ඉක්මනින් සිදුවනු ඇති බවත්ය. සාම්ප්‍රදායික වෙබ් ගෘහ නිර්මාණ ශිල්පය මෙයට ඉඩ දෙන්නේ වෙබ් අඩවියේ හැඹිලිගත පිටපත් සහ අදාළ සම්පත් භාවිතා කිරීමෙනි. කෙසේ වෙතත්, SPA හි බොළඳ ක්‍රියාත්මක කිරීමකදී, පසුපස බොත්තම එබීමෙන් සබැඳියක් ක්ලික් කිරීම හා සමාන බලපෑමක් ඇත. සේවාදායක ඉල්ලීමක්, වැඩි ප්‍රමාදයක් සහ දෘශ්‍ය දත්ත වෙනස්කම් ඇති කරයි.
පරිශීලක අපේක්ෂාවන් සපුරාලීමට සහ වේගවත් අත්දැකීමක් ලබා දීමට, SPA සංවර්ධකයින් JavaScript භාවිතා කරන ස්වදේශීය බ්‍රව්සර්වල ක්‍රියාකාරීත්වය අනුකරණය කළ යුතුය.
- අනුචලන ස්ථානය
බ්‍රවුසර විසින් සංචාරය කරන ලද පිටු වල අවසාන අනුචලන ස්ථානය වැනි තොරතුරු ගබඩා කරයි. කෙසේ වෙතත්, බ්‍රවුසරයේ පසුපස සහ ඉදිරි බොත්තම් භාවිතයෙන් SPA සංචාලනය කිරීමේදී අනුචලන ස්ථාන වෙනස් වී ඇති බව පරිශීලකයින්ට පෙනී යා හැක. උදාහරණයක් ලෙස, ෆේස්බුක් හි, සමහර විට පරිශීලකයින් ඔවුන්ගේ අවසාන අනුචලන ස්ථාන වෙත ආපසු අනුචලනය කරයි, නමුත් සමහර විට ඔවුන් එසේ නොවේ. පෙර අනුචලන ස්ථානය වෙත ආපසු අනුචලනය කිරීම අතින් නැවත ආරම්භ කළ යුතු බැවින් මෙය උප ප්‍රශස්ත පරිශීලක අත්දැකීමක් ලබා දෙයි.
මෙම ගැටළුව විසඳීම සඳහා, සංවර්ධකයින් විසින් පරිශීලකයා එහාට මෙහාට අනුචලනය කරන විට නිවැරදි අනුචලන ස්ථානය සුරකින, ලබා ගන්නා සහ විමසන කේතය සැපයිය යුතුය.
- වෙබ් අඩවි විශ්ලේෂණය
පිටුවකට විශ්ලේෂණ කේතය එකතු කිරීමෙන්, පරිශීලකයින්ට පිටුවට ගමනාගමනය නිරීක්ෂණය කළ හැකිය. කෙසේ වෙතත්, SPAs මගින් වඩාත් ජනප්‍රිය පිටු හෝ අන්තර්ගතය තීරණය කිරීම අපහසු වේ, මන්ද එය තනි පිටුවක් පමණි. ව්‍යාජ පිටු බලන විට ඒවා නිරීක්ෂණය කිරීමට විශ්ලේෂණ සඳහා ඔබ අමතර කේතයක් සැපයිය යුතුය.
- ආරක්ෂිත ගැටළු
SPAs හරහා සම්මුතියට පත්වීමේ ප්‍රවණතාව වැඩිය හරස් අඩවි ස්ක්‍රිප්ටින්. ඔවුන් පාරිභෝගිකයින්ට සම්පූර්ණ යෙදුම බාගත කිරීමට ඉඩ සලසයි, ප්‍රතිලෝම ඉංජිනේරු විද්‍යාව හරහා අවදානම් සොයා ගැනීමට ඔවුන්ට වැඩි අවස්ථාවන් හෙළි කරයි. මෙම ගැටළුව විසඳීම සඳහා, සත්‍යාපනය සහ ආදාන වලංගුකරණය වැනි වෙබ් යෙදුම් ආරක්ෂාවට අදාළ සියලුම සේවාලාභීන්ගේ තර්ක සත්‍යාපනය සඳහා සේවාදායකයේ දෙගුණ කර ඇති බව සංවර්ධකයින් සහතික කළ යුතුය. එසේම, සංවර්ධකයින් සීමිත භූමිකා පදනම් ප්‍රවේශයක් සැපයිය යුතුය.
නිගමනය
තනි පිටු යෙදුම් යෙදුම් අත්දැකීම්වල පරිණාමයේ ඊළඟ පියවර සලකුණු කරයි. ඒවා වේගවත්, වඩාත් අවබෝධාත්මක වන අතර අභිරුචිකරණය වැනි උසස් විශේෂාංග සමඟ ඒකාබද්ධ කළ හැකිය. Gmail, Netflix හෝ Facebook හි ප්‍රවෘත්ති සංග්‍රහය වැනි බොහෝ සමගාමී පරිශීලකයන් සිටින හොඳම සමාගම් තනි පිටු ගෘහ නිර්මාණ ශිල්පය මත රඳා පවතින්නේ එබැවිනි. මෙම තාක්ෂණය ක්‍රියාත්මක කිරීමෙන්, ව්‍යාපාරවලට ඔවුන්ගේ සබැඳි දේපලවලින් වැඩි වටිනාකමක් ලබා ගත හැකි අතර ඩිජිටල් ව්‍යාපාරයක් ලෙස නව ප්‍රවේශයක් ලබා ගත හැකිය.
Ercole Palmeri
