தமிழ்

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

மைக்ரோ ஃபிரன்ட்எண்ட்கள்: அளவிடக்கூடிய வலைப் பயன்பாடுகளுக்கான ஒரு மட்டு UI கட்டமைப்பு

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

மைக்ரோ ஃபிரன்ட்எண்ட்கள் என்றால் என்ன?

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

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

மைக்ரோ ஃபிரன்ட்எண்ட்களின் முக்கியக் கொள்கைகள்

பல முக்கியக் கொள்கைகள் மைக்ரோ ஃபிரன்ட்எண்ட்களின் செயலாக்கத்திற்கு வழிகாட்டுகின்றன:

மைக்ரோ ஃபிரன்ட்எண்ட்களின் நன்மைகள்

மைக்ரோ ஃபிரன்ட்எண்ட் கட்டமைப்பை ஏற்றுக்கொள்வது பல நன்மைகளை வழங்குகிறது:

மைக்ரோ ஃபிரன்ட்எண்ட்களின் சவால்கள்

மைக்ரோ ஃபிரன்ட்எண்ட்கள் குறிப்பிடத்தக்க நன்மைகளை வழங்கினாலும், அவை சில சவால்களையும் அறிமுகப்படுத்துகின்றன:

மைக்ரோ ஃபிரன்ட்எண்ட்களுக்கான செயல்படுத்தும் உத்திகள்

மைக்ரோ ஃபிரன்ட்எண்ட்களைச் செயல்படுத்த பல வேறுபட்ட உத்திகளைப் பயன்படுத்தலாம்:

1. உருவாக்க-நேர ஒருங்கிணைப்பு

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

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

2. Iframes வழியாக இயக்க-நேர ஒருங்கிணைப்பு

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

உதாரணம்: ஒரு டாஷ்போர்டு பயன்பாடு (கூகிள் அனலிட்டிக்ஸ் போன்றவை) வெவ்வேறு விட்ஜெட்டுகள் அல்லது மாட்யூல்களை உட்பொதிக்க iframes-ஐப் பயன்படுத்தலாம். ஒவ்வொரு விட்ஜெட்டும் (எ.கா., இணையதளப் போக்குவரத்து, பயனர் புள்ளிவிவரங்கள், மாற்று விகிதங்கள்) அதன் சொந்த iframe-ல் இயங்கும் ஒரு தனி மைக்ரோ ஃபிரன்ட்எண்டாக இருக்கலாம்.

3. வலைக் கூறுகள் (Web Components) வழியாக இயக்க-நேர ஒருங்கிணைப்பு

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

உதாரணம்: ஒரு பயண முன்பதிவு இணையதளம் தேடல் முடிவுகளைக் காட்ட வலைக் கூறுகளைப் பயன்படுத்தலாம். ஒவ்வொரு தேடல் முடிவு உருப்படியும் (எ.கா., ஒரு விமானம், ஒரு ஹோட்டல், ஒரு வாடகைக் கார்) ஒரு வலைக் கூறாக செயல்படுத்தப்பட்ட ஒரு தனி மைக்ரோ ஃபிரன்ட்எண்டாக இருக்கலாம்.

4. ஜாவாஸ்கிரிப்ட் வழியாக இயக்க-நேர ஒருங்கிணைப்பு

இந்த அணுகுமுறையுடன், மைக்ரோ ஃபிரன்ட்எண்ட்கள் ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி இயக்க நேரத்தில் மாறும் வகையில் ஏற்றப்பட்டு வழங்கப்படுகின்றன. இது ஒருங்கிணைப்புச் செயல்பாட்டில் அதிகபட்ச நெகிழ்வுத்தன்மை மற்றும் கட்டுப்பாட்டை அனுமதிக்கிறது. இருப்பினும், இதற்கு மிகவும் சிக்கலான குறியீடு மற்றும் சார்புகளின் கவனமான மேலாண்மை தேவைப்படுகிறது. Single-SPA இந்த அணுகுமுறையை ஆதரிக்கும் ஒரு பிரபலமான கட்டமைப்பாகும்.

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

5. எட்ஜ் ஒருங்கிணைப்பு

எட்ஜ் ஒருங்கிணைப்பில், ஒரு ரிவர்ஸ் ப்ராக்ஸி அல்லது API கேட்வே கோரிக்கைகளை URL பாதைகள் அல்லது பிற நிபந்தனைகளின் அடிப்படையில் பொருத்தமான மைக்ரோ ஃபிரன்ட்எண்டிற்கு வழிநடத்துகிறது. வெவ்வேறு மைக்ரோ ஃபிரன்ட்எண்ட்கள் தன்னிச்சையாக வரிசைப்படுத்தப்படுகின்றன மற்றும் அந்தந்த களங்களுக்குள் தங்கள் சொந்த ரூட்டிங்கைக் கையாள்வதற்குப் பொறுப்பாகும். இந்த அணுகுமுறை அதிக அளவு நெகிழ்வுத்தன்மை மற்றும் அளவிடுதலை அனுமதிக்கிறது. இது பெரும்பாலும் சர்வர் சைட் இன்க்ளூட்ஸ் (SSI) உடன் இணைக்கப்படுகிறது.

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

சரியான உத்தியைத் தேர்ந்தெடுத்தல்

மைக்ரோ ஃபிரன்ட்எண்ட்களுக்கான சிறந்த செயல்படுத்தும் உத்தி உங்கள் குறிப்பிட்ட தேவைகள் மற்றும் தேவைகளைப் பொறுத்தது. உங்கள் முடிவை எடுக்கும்போது பின்வரும் காரணிகளைக் கவனியுங்கள்:

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

மைக்ரோ ஃபிரன்ட்எண்ட்களுக்கான சிறந்த நடைமுறைகள்

உங்கள் மைக்ரோ ஃபிரன்ட்எண்ட் செயலாக்கத்தின் வெற்றியை உறுதிப்படுத்த, இந்த சிறந்த நடைமுறைகளைப் பின்பற்றவும்:

மைக்ரோ ஃபிரன்ட்எண்ட் செயலாக்கங்களின் நிஜ-உலக உதாரணங்கள்

பல நிறுவனங்கள் மைக்ரோ ஃபிரன்ட்எண்ட் கட்டமைப்புகளை வெற்றிகரமாக ஏற்றுக்கொண்டுள்ளன:

முடிவுரை

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

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

மேலும் ஆதாரங்கள்