ஒற்றை பக்க பயன்பாடுகள் மற்றும் முன்னேற்ற வலை பயன்பாடுகள் என்றால் என்ன?

ஒற்றை பக்க பயன்பாடுகள் மற்றும் முன்னேற்ற வலை பயன்பாடுகள் என்றால் என்ன?

ஒற்றை பக்க பயன்பாடுகள் (SPA கள்) மற்றும் முன்னேற்ற வலை பயன்பாடுகள் (PWA கள்) இணையத்தில் புரட்சியை ஏற்படுத்துகின்றன. அவை இரண்டும் ஒரே மாதிரியான புதிய தொழில்நுட்பங்கள், ஆனால் அப்படி இல்லை. முகத்தில், மக்கள் அடிக்கடி அவற்றை ஒன்றுக்கொன்று மாற்றாக பயன்படுத்துகின்றனர்.





அவை ஒவ்வொன்றின் முக்கிய அம்சங்களையும் கட்டிடக்கலையையும் நன்கு புரிந்துகொள்ள தோண்டிப் பார்ப்போம்.



ஒற்றை பக்க பயன்பாடுகள் என்றால் என்ன?

SPA கள், அவை ஒலிக்கும் போது, ​​ஒரே பக்கத்திற்குள் மாறும் உள்ளடக்கத்தை ஏற்றும் வலைத்தளங்கள். சாராம்சத்தில், உள்ளடக்கம் மற்றும் உறுப்புகளின் ஒவ்வொரு வடிவமும் நீங்கள் ஒரு பக்கத்தில் நீட்டிக்கப்பட வேண்டும். அத்தகைய வலைத்தளத்திற்கு செல்லும்போது நீங்கள் தனி ஆவண பொருள் மாதிரிகளை (DOM கள்) ஏற்ற தேவையில்லை.





பயனர்கள் ஒரே நேரத்தில் பயன்படுத்தவும் பார்க்கவும் தேவையான அனைத்தையும் ஒரே நேரத்தில் ஏற்றுவதே இதன் நோக்கம். இது சிறந்த பயனர் அனுபவமாக மொழிபெயர்க்கப்பட்டுள்ளது.

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



எனவே, நீங்கள் ஒரு SPA இல் செல்லும்போது, ​​நீங்கள் முன்பே ஏற்றப்பட்ட உள்ளடக்கத்தை ஒற்றை DOM இல் உலாவுகிறீர்கள் மற்றும் நீங்கள் தவறாக நம்பியிருக்கலாம் என வெவ்வேறு DOM களைப் பார்க்கவில்லை.

SPA ஐ தனி உள்ளடக்க பிரிவுகளாக உடைப்பது பொதுவாக ஒவ்வொருவருக்கும் JavaScript காட்சிகளைப் பயன்படுத்தி ஒரு URL ஐ வழங்குவதை உள்ளடக்குகிறது. தி தரவு இணைப்பு இணைப்பு அந்த பகுதிகளை பிரதான DOM உடன் இணைக்கிறது மற்றும் அவற்றை ஒத்திசைவற்ற முறையில் அணுக அனுமதிக்கிறது.



மற்ற தொழில்நுட்பங்கள் விரும்பினாலும் என மற்றும் எல்ம்-ஸ்பா SPA களை உருவாக்குவதற்கு ஜாவாஸ்கிரிப்ட் இன்னும் மிகவும் பொதுவான நிரலாக்க மொழி.

தொடர்புடையது: ஜாவாஸ்கிரிப்ட் கட்டமைப்புகள் கற்றல் மதிப்புக்குரியவை



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

ReactJS, Vue.js, AngularJS, Ember.js மற்றும் Backbone.js போன்ற ஜாவாஸ்கிரிப்ட் கட்டமைப்புகள் அனைத்தும் SPA களின் விரைவான வளர்ச்சியை ஆதரிக்கின்றன. தொடங்குவதற்கு, Vue.js இன் இந்த தொடக்கநிலை கண்ணோட்டத்தை நீங்கள் பார்க்கலாம்.

இது வேகத்தை வழங்குவதால், பெரும்பாலான நிறுவன பயன்பாடுகள் தங்கள் வலைத்தளங்களை ஒரே பக்கமாக மாற்றும் யோசனையை ஏற்றுக்கொண்டன. நெட்ஃபிக்ஸ், யூடியூப், பேபால், பேஸ்புக், இன்ஸ்டாகிராம், ட்விட்டர் மற்றும் பின்டெரெஸ்ட் ஆகியவை SPA களுக்கான உதாரணங்கள்.

முற்போக்கான வலை பயன்பாடுகள் என்றால் என்ன?

PWA என்பது ஒரு வலை பயன்பாடு அல்லது மென்பொருள் ஆகும், இது அதன் செயல்பாட்டில் நிலையான மற்றும் வளர்ந்து வரும் வலை உலாவி வழிகாட்டுதல்களைப் பயன்படுத்துகிறது. PWA க்கள், SPA களைப் போலல்லாமல், அவற்றின் கட்டமைப்பை சில வழிகாட்டு நெறிமுறைகளின் அடிப்படையில் அமைத்து, அவை அளவிடக்கூடிய, பயனர்-தழுவக்கூடிய, அதிவேக, நிறுவக்கூடிய மற்றும் சொந்தமானவை.

கூகிள் மூலம் 2015 இல் அறிமுகப்படுத்தப்பட்டது, PWA இன் குறிக்கோள் அதன் பயனர்களுக்கு நேரடியாகவும் படிப்படியாகவும் பேசும் பயன்பாடுகளை உருவாக்குவதாகும். ஏழை அல்லது இல்லாத நெட்வொர்க் இணைப்பு இருக்கும்போது கூட, பயன்பாட்டின் மூலம் பயனர்களைப் பாய்ச்சுவதை இது நோக்கமாகக் கொண்டுள்ளது.

மாறாமல், ஒரு PWA உங்களுக்கு தேவையான அனைத்தையும் ஒரு நொடியில் வழங்குகிறது. இது SPA வின் வழக்கமான ஆரம்ப உள்ளடக்க ஏற்றுதல் பண்பு வழியாக செல்லாது.

இதன் விளைவாக, ஒரு பயனர் அதன் பயன்பாட்டைப் பூர்வீகமாகக் கருதுகிறது. PWA களின் முக்கிய பண்பு நிறுவக்கூடியதாக இருந்தாலும், அவற்றை எந்த நிறுவலும் இல்லாமல் உங்கள் வலை உலாவி வழியாக பறக்கும்போது அணுகலாம். வேறு எந்த வலைத்தளத்தையும் போலவே, ஒரு PWA வும் ஒரு URL ஐ கொண்டிருக்க வேண்டும்.

தொடர்புடையது: முற்போக்கான வலை பயன்பாடுகள் என்றால் என்ன, ஒன்றை எவ்வாறு நிறுவுவது?

முற்போக்கான வலை பயன்பாடுகள் தனித்துவமானவை, அவை கண்ணிமைக்கும் நேரத்தில் உள்ளடக்கத்தை வழங்கும் பின்னணி உதவியாளர்களைக் கொண்டுள்ளன. எனவே, இணைய பயன்பாட்டிற்கு வருவதற்கு முன்பே, உள்ளடக்கம் மற்றும் கூறுகள் நீங்கள் பயன்படுத்த எளிதாகக் கிடைக்கும். அது அவர்களை அதிவேகமாகவும் நம்பகமானதாகவும் ஆக்குகிறது.

Spotify, Slack மற்றும் Uber போன்ற பயன்பாடுகள் PWA களின் எடுத்துக்காட்டுகள்.

PWA கள் பொதுவாக ஒரு பொதுவான கட்டடக்கலை விதியைக் கொண்டுள்ளன. ஒரு PWA செயல்பட வேண்டிய முறையில் செயல்பட, அது பின்வரும் பண்புகளைக் கொண்டிருக்க வேண்டும்:

1. ஒரு தொழிலாளி

PWA களில் சேவை ஊழியர்கள் உடனடியாக உள்ளடக்கத்தை வழங்குகிறார்கள். நெட்வொர்க் இணைப்பு இல்லாத போது, ​​உங்கள் பயன்பாடு தொடர்புடைய கேச் தரவை ஏற்ற முடியும் என்பதை அவர்கள் உறுதி செய்கிறார்கள். கேச் ஏபிஐ உதவியுடன் இது சாத்தியமாகும், இது உங்கள் ஆஃப்லைன் கோரிக்கைகளுக்கான பதில்களைச் சேமிக்கிறது. இதனால், ஒரு பணியாளர் வழிசெலுத்தல் மற்றும் பயனர் கோரிக்கைகளில் தலையிடுகிறார்.

தொடர்புடையது: CPU கேச் எப்படி வேலை செய்கிறது?

ஒரு பயன்படுத்தி வாக்குறுதி பொருள், ஒரு பயனர் இறுதியில் வேண்டுகோள் விடுத்தால் (அவர்கள் ஆஃப்லைனில் இருந்தாலும்) ஏற்கனவே பதிவிறக்கம் செய்யப்பட்ட உள்ளடக்கத்தை ஒரு தொழிலாளி வழங்க முடியும். எவ்வாறாயினும், ஒரு சேவை ஊழியர், PWA களில் தடையற்ற சொத்தை வழங்குகிறார்.

2. ஒரு பாதுகாப்பான சூழல்

வழங்கப்பட்ட உள்ளடக்கத்தின் இரகசியத்திற்காக ஒரு சேவை ஊழியருக்கு பாதுகாப்பான இணைப்பு (HTTPS) தேவை. நீங்கள் ஒரு கோரிக்கையை அனுப்பும்போது, ​​ஒரு தொழிலாளி PWA மற்றும் உலாவிக்கு இடையே பாதுகாப்பான தகவல்தொடர்பை நிறுவுகிறார். எனவே, ஒரு பாதுகாப்பான சூழல், PWA களில் ஒரு மனிதனுக்கு இடையேயான தாக்குதல் (MITM) போன்ற இரகசியத்தன்மை மீறல்களைத் தடுக்கிறது.

3. ஒரு வலை விண்ணப்பம் வெளிப்படையான கோப்பு

ஒரு வலை மேனிஃபெஸ்ட் என்பது ஒரு PWA இன் பண்புகளை வரையறுக்கும் JSON கோப்பாகும். PWA இன் உள்ளடக்கத்தை அணுகுவதற்கும் கண்டுபிடிப்பதற்கும் பயன்படுத்துவதற்கும் இது முன்நிபந்தனைகளை விவரிக்கிறது. இது பொதுவாக உங்கள் பயன்பாட்டின் பெயர், அதன் URL மற்றும் அதன் கூறுகளை உள்ளடக்கியது. இறுதியில், ஒரு மேனிஃபெஸ்ட் கோப்பில் உங்கள் வலை பயன்பாட்டை நிறுவக்கூடிய பயன்பாடாக மாற்ற தேவையான தகவல்கள் உள்ளன.

PWA களுக்கும் SPA களுக்கும் இடையிலான ஒற்றுமைகள் என்ன?

PWA கள் மற்றும் SPA களின் பின்னணி தர்க்கம் வேறுபட்டாலும், அவை இன்னும் பொதுவான சில விஷயங்களை மட்டுமே பகிர்ந்து கொள்கின்றன. அவற்றின் விநியோக வேகம் கணிசமாக வேறுபடலாம் என்றாலும், வழக்கமான வலைத்தளங்கள் வேகம் மற்றும் அணுகலில் அவற்றின் பின்னால் விழுகின்றன.

அவர்கள் இருவரும் பதிலளிக்கக்கூடிய இடைமுகத்தை வழங்குவதன் மூலம் பயனர் அனுபவத்தை மேம்படுத்துவதை நோக்கமாகக் கொண்டுள்ளனர்.

அவர்கள் இருவரும் ஒரு பயன்பாட்டு அனுபவத்தை வழங்குவதால், அவற்றை கலப்பது எளிது, மேலும் நீங்கள் அவர்களுடன் தொடர்பு கொள்ளும்போது எது என்று நீங்கள் சொல்ல முடியாது. இறுதியாக, இந்த குறிப்பில், நீங்கள் அணுகுவதற்கு முன் இரண்டிற்கும் ஒரு URL தேவை.

SPA களுக்கும் PWA களுக்கும் இடையிலான முக்கிய வேறுபாடுகள்

PWA கள் மற்றும் SPA கள் பொதுவான சில குறிப்பிடத்தக்க பண்புகளைப் பகிர்ந்து கொள்ளலாம், ஆனால் அவை இரண்டு வெவ்வேறு விஷயங்கள். நீங்கள் கவனிக்க வேண்டிய முக்கிய அம்ச வேறுபாடுகள் இங்கே:

ஒற்றை பக்க பயன்பாடுகளின் முக்கிய அம்சங்கள்

  • அவற்றை உலாவி மூலம் மட்டுமே அணுக முடியும்.
  • பரிந்துரைக்கப்படவில்லை என்றாலும், பாதுகாப்பற்ற நெட்வொர்க் (HTTP) மூலம் நீங்கள் அவர்களுக்கு சேவை செய்யலாம்.
  • அவர்களுக்கு சேவை பணியாளர்கள் தேவையில்லை.
  • SPA களில் JSON மேனிஃபெஸ்ட் கோப்பு இல்லை, அதாவது அவை நிறுவல் நீக்க முடியாதவை.
  • அவை ஒற்றை பக்கமாக இருக்க வேண்டும்.
  • நெட்வொர்க் இல்லாத போது அணுக முடியாது.

முற்போக்கான வலை பயன்பாடுகளின் முக்கிய அம்சங்கள்

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

SPA கள் மற்றும் PWA கள் வலைத்தள விநியோகத்தை பாதிக்கின்றன

பல நிறுவன வலைத்தளங்கள் இப்போது இந்த புதிய தொழில்நுட்பங்களை ஏற்றுக்கொண்டதால், இப்போது அவர்களின் சேவை வழங்கலில் ஒரு நேர்மறையான மாற்றம் உள்ளது.

மிக முக்கியமாக, PWA களை ஏற்றுக்கொள்வது பொது பயனர் அனுபவத்தை மேம்படுத்துகிறது, இதன் விளைவாக பவுன்ஸ் விகிதங்களை குறைக்கிறது மற்றும் பெரும்பாலான நிறுவன பயன்பாடுகளுக்கான வருவாயை அதிகரிக்கிறது. மறுபுறம், SPA க்கள் சமூக ஊடகங்களை புத்துயிர் அளித்துள்ளன, இதனால் மக்கள் மந்தமான பக்க சுமைகள் இல்லாமல் வலையில் தொடர்புகொள்வதை எளிதாக்குகிறது.

பாடல் வரிகள் மற்றும் வளையங்கள் தேடுபொறி
பகிர் பகிர் ட்வீட் மின்னஞ்சல் ஒத்திசைவற்ற எதிராக ஒத்திசைவற்ற நிரலாக்க: அவை எவ்வாறு வேறுபடுகின்றன?

உங்கள் அடுத்த திட்டத்திற்கு ஒத்திசைவான அல்லது ஒத்திசைவற்ற நிரலாக்கத்தைப் பயன்படுத்த வேண்டுமா? இங்கே கண்டுபிடிக்கவும்.

அடுத்து படிக்கவும் தொடர்புடைய தலைப்புகள்
  • நிரலாக்க
  • நிரலாக்க
  • பயன்பாட்டு மேம்பாடு
எழுத்தாளர் பற்றி இடிசோ ஒமிசோலா(94 கட்டுரைகள் வெளியிடப்பட்டன)

இடோவு ஸ்மார்ட் தொழில்நுட்பம் மற்றும் உற்பத்தித்திறன் ஆகியவற்றில் ஆர்வம் கொண்டவர். அவரது ஓய்வு நேரத்தில், அவர் சலிப்படையும்போது குறியீட்டுடன் விளையாடுகிறார் மற்றும் சதுரங்கப் பலகைக்கு மாறுகிறார், ஆனால் அவர் எப்போதாவது வழக்கத்திலிருந்து விலகிச் செல்ல விரும்புகிறார். நவீன தொழில்நுட்பத்தை மக்களுக்கு காட்டும் ஆர்வம் அவரை மேலும் எழுத தூண்டுகிறது.

இடோவு ஒமிசோலாவில் இருந்து மேலும்

எங்கள் செய்திமடலுக்கு குழுசேரவும்

தொழில்நுட்ப குறிப்புகள், மதிப்புரைகள், இலவச மின் புத்தகங்கள் மற்றும் பிரத்யேக ஒப்பந்தங்களுக்கு எங்கள் செய்திமடலில் சேரவும்!

குழுசேர இங்கே சொடுக்கவும்