AngularJS ஐப் பயன்படுத்தி SPA

இந்த வலைப்பதிவு இடுகை AngularJS ஐப் பயன்படுத்தி SPA ஐ உருவாக்குவதற்கான சுருக்கமான அறிமுகமாகும். பயன்பாடுகளில் SPA கூறுகளை இணைக்க தேவையான தகவல்களை இது உங்களுக்கு வழங்க முயற்சிக்கிறது.

இன்று, AngularJS மிகவும் பிரபலமான மேம்பாட்டு கட்டமைப்பில் ஒன்றாக மாறியுள்ளது, ஏனெனில் டெவலப்பர்கள் ஒற்றை பக்க பயன்பாடுகளை (SPA) எளிதாக உருவாக்க உதவுகிறது. பாரம்பரிய வலை பயன்பாடுகளில், கிளையன்ட் (உலாவி) ஒரு பக்கத்தைக் கோருவதன் மூலம் சேவையகத்துடன் ஒரு தகவல் தொடர்பு சேனலைத் தொடங்குகிறது. கோரிக்கையை செயலாக்குவதன் மூலமும், பக்கத்தின் HTML ஐ வாடிக்கையாளருக்கு திருப்பி அனுப்புவதன் மூலமும் சேவையகம் பதிலளிக்கிறது. புதிய பக்கத்திற்கு பயனர் கோரினால், சேவையகம் மற்றொரு HTML பக்கத்தை அனுப்புகிறது. கிளையன் ஒரு சிறிய மாற்றத்தைக் கேட்டாலும், அடிப்படை விவரங்களுடன் ஒரு படிவத்தைச் சொன்னால், முழு பக்கத்தையும் மீண்டும் சேவையகத்தால் ஏற்றி கிளையண்டிற்கு அனுப்ப வேண்டும்.

HTML & அஜாக்ஸ் கோரிக்கைகள்

ஒற்றை பக்க பயன்பாடுகளில், முழு பக்கமும் ஒரே ஷாட்டில் ஏற்றப்படும், மேலும் அடுத்தடுத்த தகவல்தொடர்பு சேவையகத்தால் அஜாக்ஸ் கோரிக்கைகளைப் பயன்படுத்தி மேற்கொள்ளப்படுகிறது. உலாவி மாறிய பக்கத்தின் பகுதியை மட்டுமே புதுப்பிக்க வேண்டும், ஒவ்வொரு முறையும் ஒரு பயனர் புதிய கோரிக்கையை வைக்கும்போது முழு பக்கத்தையும் மீண்டும் ஏற்ற வேண்டிய அவசியமில்லை.
SPA அணுகுமுறை பயனர் கோரிக்கைகளுக்கு பதிலளிக்க சேவையகத்தால் எடுக்கப்பட்ட நேரத்தை குறைப்பதால், வலை பயன்பாடுகள் வேகமாக இயங்குகின்றன, குறைந்த கணக்கீட்டு சக்தியைப் பயன்படுத்துகின்றன, மேலும் பயனர் இடைமுகம் (UI) டெவலப்பர்களை மிகவும் கவர்ச்சிகரமான, சுறுசுறுப்பான வலைப்பக்கங்களை உருவாக்க அனுமதிக்கின்றன.



ஷெல் பக்கங்களை உருவாக்குதல்

SPA இல் உள்ள ‘ஒற்றை பக்கம்’ என்பது HTML, CSS அல்லது ஜாவாஸ்கிரிப்ட் வடிவத்தில் வினவல்களுக்கு பதிலளிக்கும் ஷெல் பக்கத்தைக் குறிக்கிறது. ஷெல் பக்கம் HTML உடன் ஒத்திசைவில்லாமல் வழங்கப்படுகிறது, இது சேவையகத்திற்கு முன்னும் பின்னுமாக பயணிக்கும் தேவையை நீக்குகிறது. ஷெல் பக்கத்திற்கு AngularJS ஜாவாஸ்கிரிப்ட் நூலகத்திற்கான குறிப்பு மற்றும் ஷெல் பக்கத்தில் உள்ளடக்க பக்கங்களை வழங்க வேண்டிய இடத்தில் AngularJS க்கு சொல்ல ஒரு ng-view உத்தரவு (UI டெவலப்பர்கள் பார்வைகளுக்கு இடையில் மாற அனுமதிக்கும் ஒரு மெய்நிகர் கொள்கலன்) தேவை.
ஒரே ‘ஒற்றை’ பக்கத்திற்குள், ஒரே URL இல் உள்ள பல காட்சிகளை வழங்க டெவலப்பர்களை AngularJS அனுமதிக்கிறது. ஒரே ஷெல் பக்கத்திற்குள் வெவ்வேறு காட்சிகள் தோன்றும் - ஒன்றன் பின் ஒன்றாக - ஒவ்வொரு பார்வையும் பயனர் பக்கத்தின் வழியாக உருட்டும் போது மாறும்.

SPA-using-AngularJS-multiple-views

உள்ளமைக்கப்பட்ட AngularJS Directive - ng-app - டெவலப்பர்கள் பயன்பாட்டை துவக்க அனுமதிக்கிறது, மூன்றாம் தரப்பு வழிமுறைகளையும் சேர்க்கும் விருப்பத்துடன். மறுபுறம், என்ஜி-மாடல் டைரெக்டிவ், தரவு பிணைப்பு வெளிப்பாடுகளை நினைவகத்தில் சேர்க்க உங்களை அனுமதிக்கிறது. இங்கே பாருங்கள்:

ஆழமான கற்றல் மற்றும் இயந்திர கற்றல் vs மாதிரி அங்கீகாரம்

உலகளவில், டெவலப்பர்கள் AngularJS ஐப் பயன்படுத்தி SPA ஐ ஏற்றுக்கொண்டனர், மேலும் இந்த போக்கு சிறிது காலம் நீடிக்கும் என்று எதிர்பார்க்கப்படுகிறது.

எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களைத் தொடர்புகொள்வோம்.

தொடர்புடைய இடுகைகள்: AngularJS உடன் வெற்றிகரமான வலை அபிவிருத்தி வாழ்க்கை