ஜாவாஸ்கிரிப்ட் மாட்யூல் ஃபெடரேஷன் மற்றும் வெப்பேக் 6: உலகளவில் அடுத்த தலைமுறை மைக்ரோ-ஃபிரண்ட்எண்ட்களுக்கு ஆற்றல் அளித்தல்

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

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

ஃபிரண்ட்எண்ட் கட்டமைப்புகளின் பரிணாமம்: மோனோலித்களிலிருந்து மைக்ரோ-ஃபிரண்ட்எண்ட்கள் வரை

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

மோனோலிதிக் ஃபிரண்ட்எண்ட்கள்: கடந்த காலமும் அதன் வரம்புகளும்

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

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

மைக்ரோ-ஃபிரண்ட்எண்ட்களின் எழுச்சி: சுறுசுறுப்பு மற்றும் அளவிடுதலைத் திறத்தல்

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

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

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

வெப்பேக் 6 மற்றும் மாட்யூல் ஃபெடரேஷனை அறிமுகப்படுத்துதல்: முன்னுதாரண மாற்றம்

மாட்யூல் ஃபெடரேஷன் ஆரம்பத்தில் வெப்பேக் 5 உடன் அறிமுகப்படுத்தப்பட்டாலும், அதன் முன்னோக்கு சிந்தனை வடிவமைப்பு அதை எதிர்கால வெப்பேக் பதிப்புகளுக்கு ஒரு மூலக்கல்லாக நிலைநிறுத்துகிறது, இதில் ஒரு கருத்தியல் "வெப்பேக் 6" சகாப்தத்தில் எதிர்பார்க்கப்படும் திறன்களும் அடங்கும். இது நாம் பரவலாக்கப்பட்ட வலை பயன்பாடுகளை எப்படி கருதுகிறோம் மற்றும் உருவாக்குகிறோம் என்பதில் ஒரு அடிப்படை மாற்றத்தைக் குறிக்கிறது.

மாட்யூல் ஃபெடரேஷன் என்றால் என்ன?

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

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

மாட்யூல் ஃபெடரேஷனில் முக்கிய கருத்துக்கள்:

• ஹோஸ்ட் (அல்லது கண்டெய்னர்): மற்ற பயன்பாடுகளால் வெளிப்படுத்தப்பட்ட மாட்யூல்களை உட்கொள்ளும் ஒரு பயன்பாடு.
• ரிமோட்: அதன் சில மாட்யூல்களை மற்ற பயன்பாடுகளுக்கு வெளிப்படுத்தும் ஒரு பயன்பாடு. ஒரு பயன்பாடு ஒரே நேரத்தில் ஹோஸ்ட் மற்றும் ரிமோட் ஆக இருக்க முடியும்.
• Exposes: ஒரு பயன்பாடு மற்றவர்கள் உட்கொள்வதற்காகக் கிடைக்கும் மாட்யூல்கள்.
• Remotes: ஒரு ஹோஸ்ட் பயன்பாடு உட்கொள்ள விரும்பும் பயன்பாடுகள் (மற்றும் அவற்றின் வெளிப்படுத்தப்பட்ட மாட்யூல்கள்).
• Shared: பொதுவான சார்புகள் (ரியாக்ட், வியூ, லோடேஷ் போன்றவை) ஃபெடரேட்டட் பயன்பாடுகளில் எவ்வாறு கையாளப்பட வேண்டும் என்பதை வரையறுக்கிறது. இது பண்டில் அளவை மேம்படுத்துவதற்கும் இணக்கத்தன்மையை உறுதி செய்வதற்கும் முக்கியமானது.

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

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

• உண்மையான இயக்க நேர ஒருங்கிணைப்பு: ஐஃப்ரேம்கள் அல்லது தனிப்பயன் ஜாவாஸ்கிரிப்ட் மைக்ரோ-ஆர்க்கெஸ்ட்ரேட்டர்களை நம்பியிருந்த முந்தைய தீர்வுகளைப் போலல்லாமல், மாட்யூல் ஃபெடரேஷன் இயக்க நேரத்தில் வெவ்வேறு பயன்பாடுகளிலிருந்து குறியீட்டை தடையின்றி ஒருங்கிணைக்க ஒரு நேட்டிவ் வெப்பேக் பொறிமுறையை வழங்குகிறது. கூறுகள், செயல்பாடுகள் அல்லது முழுப் பக்கங்களும் ஹோஸ்ட் பயன்பாட்டின் ஒரு பகுதியாக இருப்பது போல மாறும் வகையில் ஏற்றப்பட்டு ரெண்டர் செய்யப்படலாம்.
• பில்ட்-டைம் சார்புகளை நீக்குதல்: குழுக்கள் இனி பொதுவான கூறுகளை ஒரு npm ரெஜிஸ்ட்ரிக்கு வெளியிட்டு பல ரெப்போக்களில் பதிப்புகளை நிர்வகிக்கத் தேவையில்லை. கூறுகள் நேரடியாக வெளிப்படுத்தப்பட்டு உட்கொள்ளப்படுகின்றன, இது வளர்ச்சிப் பணிப்பாய்வை கணிசமாக எளிதாக்குகிறது.
• எளிமைப்படுத்தப்பட்ட மோனோரெப்போ/பாலிடெப்போ உத்திகள்: நீங்கள் ஒரு மோனோரெப்போ (அனைத்து திட்டங்களுக்கும் ஒரே ரெப்போசிட்டரி) அல்லது ஒரு பாலிடெப்போ (பல ரெப்போசிட்டரிகள்) தேர்வு செய்தாலும், மாட்யூல் ஃபெடரேஷன் பகிர்வை நெறிப்படுத்துகிறது. ஒரு மோனோரெப்போவில், இது தேவையற்ற தொகுப்பைத் தவிர்ப்பதன் மூலம் பில்டுகளை மேம்படுத்துகிறது. ஒரு பாலிடெப்போவில், இது சிக்கலான பில்ட் பைப்லைன் உள்ளமைவுகள் இல்லாமல் தடையற்ற குறுக்கு-ரெப்போசிட்டரி பகிர்வை செயல்படுத்துகிறது.
• மேம்படுத்தப்பட்ட பகிரப்பட்ட சார்புகள்: shared உள்ளமைவு ஒரு கேம்-சேஞ்சர் ஆகும். பல ஃபெடரேட்டட் பயன்பாடுகள் ஒரே நூலகத்தைச் சார்ந்து இருந்தால் (எ.கா., ரியாக்டின் ஒரு குறிப்பிட்ட பதிப்பு), அந்த நூலகத்தின் ஒரே ஒரு நிகழ்வு மட்டுமே பயனரின் உலாவியில் ஏற்றப்படுவதை இது உறுதிசெய்கிறது, இது பண்டில் அளவைக் கடுமையாகக் குறைத்து உலகளவில் பயன்பாட்டு செயல்திறனை மேம்படுத்துகிறது.
• மாறும் ஏற்றுதல் மற்றும் பதிப்பு மேலாண்மை: ரிமோட்கள் தேவைக்கேற்ப ஏற்றப்படலாம், அதாவது தேவைப்படும்போது மட்டுமே தேவையான குறியீடு பெறப்படுகிறது. மேலும், மாட்யூல் ஃபெடரேஷன் பகிரப்பட்ட சார்புகளின் வெவ்வேறு பதிப்புகளை நிர்வகிப்பதற்கான வழிமுறைகளை வழங்குகிறது, இது இணக்கத்தன்மை மற்றும் பாதுகாப்பான மேம்படுத்தல்களுக்கு வலுவான தீர்வுகளை வழங்குகிறது.
• இயக்க நேரத்தில் கட்டமைப்பு சார்பின்மை: வெவ்வேறு கட்டமைப்புகளுக்கான ஆரம்ப அமைப்பு சிறிய வேறுபாடுகளைக் கொண்டிருக்கலாம் என்றாலும், மாட்யூல் ஃபெடரேஷன் ஒரு ரியாக்ட் ஹோஸ்ட்டை ஒரு வியூ கூறுகளை உட்கொள்ள அனுமதிக்கிறது, அல்லது நேர்மாறாக, தொழில்நுட்பத் தேர்வுகளை மேலும் நெகிழ்வானதாகவும் எதிர்காலத்திற்கு உகந்ததாகவும் ஆக்குகிறது. இது பல்வேறு தொழில்நுட்ப அடுக்குகளைக் கொண்ட பெரிய நிறுவனங்களுக்கு அல்லது படிப்படியான இடம்பெயர்வுகளின் போது குறிப்பாக மதிப்புமிக்கது.

மாட்யூல் ஃபெடரேஷன் உள்ளமைவில் ஒரு ஆழமான பார்வை: ஒரு கருத்தியல் அணுகுமுறை

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

ModuleFederationPlugin: முக்கிய உள்ளமைவு

இந்த செருகுநிரல் உங்கள் webpack.config.js கோப்பில் உருவாக்கப்படுகிறது:

new webpack.container.ModuleFederationPlugin({ /* options */ })

முக்கிய உள்ளமைவு விருப்பங்கள் விளக்கப்பட்டுள்ளன:

• name:

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

• filename:

  ரிமோட் நுழைவுப் புள்ளிக்கான வெளியீட்டு கோப்பு பெயரை குறிப்பிடுகிறது. இது மற்ற பயன்பாடுகள் வெளிப்படுத்தப்பட்ட மாட்யூல்களை அணுக ஏற்றும் கோப்பு. இதை 'remoteEntry.js' எனப் பெயரிடுவது ஒரு பொதுவான நடைமுறையாகும். இந்தக் கோப்பு வெளிப்படுத்தப்பட்ட மாட்யூல்களுக்கான ஒரு மேனிஃபெஸ்ட் மற்றும் லோடராக செயல்படுகிறது.

• exposes:

  இந்த வெப்பேக் பில்ட் மற்றவர்கள் உட்கொள்வதற்காக எந்த மாட்யூல்களைக் கிடைக்கச் செய்கிறது என்பதை வரையறுக்கும் ஒரு ஆப்ஜெக்ட். கீஸ் என்பது மற்ற பயன்பாடுகள் இந்த மாட்யூல்களைக் குறிப்பிடும் பெயர்கள், மற்றும் வேல்யூஸ் என்பது உங்கள் திட்டத்திற்குள் உள்ள உண்மையான மாட்யூல்களுக்கான உள்ளூர் பாதைகள். உதாரணமாக, {'./Button': './src/components/Button.jsx'} உங்கள் பட்டன் கூறுகளை Button ஆக வெளிப்படுத்தும்.

• remotes:

  இந்த வெப்பேக் பில்ட் உட்கொள்ள விரும்பும் ரிமோட் பயன்பாடுகளை (மற்றும் அவற்றின் நுழைவுப் புள்ளிகளை) வரையறுக்கும் ஒரு ஆப்ஜெக்ட். கீஸ் என்பது அந்த ரிமோட்டிலிருந்து மாட்யூல்களை இறக்குமதி செய்ய நீங்கள் பயன்படுத்தும் பெயர்கள் (எ.கா., 'cartApp'), மற்றும் வேல்யூஸ் என்பது ரிமோட்டின் remoteEntry.js கோப்பிற்கான URL-கள் (எ.கா., 'cartApp@http://localhost:3001/remoteEntry.js'). இது ரிமோட் மாட்யூல்களுக்கான வரையறைகளை எங்கே கண்டுபிடிப்பது என்று உங்கள் ஹோஸ்ட் பயன்பாட்டிற்குச் சொல்கிறது.

• shared:

  ஒருவேளை மிகவும் சக்திவாய்ந்த மற்றும் சிக்கலான விருப்பம். இது பொதுவான சார்புகள் ஃபெடரேட்டட் பயன்பாடுகளில் எவ்வாறு பகிரப்பட வேண்டும் என்பதை வரையறுக்கிறது. பகிரப்பட வேண்டிய தொகுப்பு பெயர்களின் பட்டியலை நீங்கள் குறிப்பிடலாம் (எ.கா., ['react', 'react-dom']). ஒவ்வொரு பகிரப்பட்ட தொகுப்பிற்கும், நீங்கள் உள்ளமைக்கலாம்:

  • singleton: true என்பது பல ரிமோட்கள் அதைக் கோரினாலும், சார்பின் ஒரே ஒரு நிகழ்வு மட்டுமே பயன்பாட்டில் ஏற்றப்படுவதை உறுதி செய்கிறது (ரியாக்ட் அல்லது ரிடக்ஸ் போன்ற நூலகங்களுக்கு இது முக்கியம்).
  • requiredVersion: பகிரப்பட்ட சார்பின் ஏற்றுக்கொள்ளத்தக்க பதிப்பிற்கான ஒரு செம்வெர் வரம்பைக் குறிப்பிடுகிறது.
  • strictVersion: true என்பது ஹோஸ்டின் பதிப்பு ரிமோட்டின் தேவைப்படும் பதிப்போடு பொருந்தவில்லை என்றால் ஒரு பிழையைத் தூண்டுகிறது.
  • eager: பகிரப்பட்ட மாட்யூலை உடனடியாக ஏற்றுகிறது, ஒத்திசைவற்ற முறையில் அல்ல. எச்சரிக்கையுடன் பயன்படுத்தவும்.

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

நடைமுறை உதாரணம்: ஹோஸ்ட் மற்றும் ரிமோட் உள்ளமைவு விளக்கப்பட்டுள்ளது

1. ரிமோட் பயன்பாடு (எ.கா., ஒரு "தயாரிப்பு பட்டியல்" மைக்ரோ-ஃபிரண்ட்எண்ட்)

இந்த பயன்பாடு அதன் தயாரிப்பு பட்டியல் கூறுகளை வெளிப்படுத்தும். அதன் webpack.config.js பின்வருவனவற்றை உள்ளடக்கும்:

// ... other webpack config
plugins: [
    new webpack.container.ModuleFederationPlugin({
        name: 'productCatalog',
        filename: 'remoteEntry.js',
        exposes: {
            './ProductList': './src/components/ProductList.jsx',
            './ProductDetail': './src/components/ProductDetail.jsx'
        },
        shared: {
            react: { singleton: true, requiredVersion: '^18.0.0' },
            'react-dom': { singleton: true, requiredVersion: '^18.0.0' },
            // ... other shared dependencies
        }
    })
]
// ...

இங்கே, productCatalog பயன்பாடு ProductList மற்றும் ProductDetail-ஐ வெளிப்படுத்துகிறது. இது react மற்றும் react-dom-ஐ பகிரப்பட்ட சிங்கிள்டன்களாக அறிவிக்கிறது, ஒரு குறிப்பிட்ட பதிப்பு வரம்பைக் கோருகிறது. இதன் பொருள், ஒரு ஹோஸ்டுக்கு ரியாக்ட் தேவைப்பட்டாலும், அது ஏற்கனவே ஏற்றப்பட்ட பதிப்பைப் பயன்படுத்த முயற்சிக்கும் அல்லது இந்த குறிப்பிட்ட பதிப்பை ஒரு முறை மட்டுமே ஏற்றும்.

2. ஹோஸ்ட் பயன்பாடு (எ.கா., ஒரு "மெயின் போர்டல்" ஷெல்)

இந்த பயன்பாடு productCatalog-லிருந்து ProductList கூறுகளை உட்கொள்ளும். அதன் webpack.config.js பின்வருவனவற்றை உள்ளடக்கும்:

// ... other webpack config
plugins: [
    new webpack.container.ModuleFederationPlugin({
        name: 'mainPortal',
        remotes: {
            productCatalog: 'productCatalog@http://localhost:3001/remoteEntry.js'
        },
        shared: {
            react: { singleton: true, requiredVersion: '^18.0.0' },
            'react-dom': { singleton: true, requiredVersion: '^18.0.0' },
            // ... other shared dependencies
        }
    })
]
// ...

mainPortal productCatalog-ஐ ஒரு ரிமோட்டாக வரையறுக்கிறது, அதன் நுழைவுக் கோப்பைக் குறிப்பிடுகிறது. இது ரியாக்ட் மற்றும் ரியாக்ட் டாம்-ஐ பகிரப்பட்டதாக அறிவிக்கிறது, ரிமோட்டுடன் இணக்கத்தன்மை மற்றும் நகல் நீக்கத்தை உறுதி செய்கிறது.

3. ஹோஸ்டில் ஒரு ரிமோட் மாட்யூலை உட்கொள்ளுதல்

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

import React from 'react';

// Dynamically import the ProductList component from the remote 'productCatalog'
const ProductList = React.lazy(() => import('productCatalog/ProductList'));

function App() {
    return (
        <div>
            <h1>Welcome to Our Main Portal</h1>
            <React.Suspense fallback={<div>Loading Products...</div>}>
                <ProductList />
            </React.Suspense>
        </div>
    );
}

export default App;

இந்த அமைப்பு mainPortal-ஐ ProductList கூறுகளை ரெண்டர் செய்ய அனுமதிக்கிறது, இது முழுமையாக productCatalog குழுவால் உருவாக்கப்பட்டு பயன்படுத்தப்படுகிறது, இது உண்மையான இயக்க நேர அமைப்பைக் காட்டுகிறது. React.lazy மற்றும் Suspense-இன் பயன்பாடு ரிமோட் மாட்யூல் ஏற்றுதலின் ஒத்திசைவற்ற தன்மையைக் கையாள ஒரு பொதுவான வடிவமாகும், இது ஒரு மென்மையான பயனர் அனுபவத்தை வழங்குகிறது.

மாட்யூல் ஃபெடரேஷனுடன் கட்டிடக்கலை வடிவங்கள் மற்றும் உத்திகள்

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

இயக்க நேர ஒருங்கிணைப்பு மற்றும் தடையற்ற UI அமைப்பு

மாட்யூல் ஃபெடரேஷனின் முக்கிய வாக்குறுதி இயக்க நேரத்தில் வெவ்வேறு UI துண்டுகளை ஒன்றாக இணைக்கும் அதன் திறன் ஆகும். இதன் பொருள்:

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

மாட்யூல் ஃபெடரேஷனுடன் மோனோரெப்போ vs. பாலிடெப்போ

மாட்யூல் ஃபெடரேஷன் இரண்டு பொதுவான ரெப்போசிட்டரி உத்திகளையும் நேர்த்தியாக ஆதரிக்கிறது:

• மோனோரெப்போ மேம்பாடு: ஒரு மோனோரெப்போவில், அனைத்து மைக்ரோ-ஃபிரண்ட்எண்ட்களும் ஒரே ரெப்போசிட்டரியில் இருக்கும் இடத்தில், மாட்யூல் ஃபெடரேஷன் இன்னும் நம்பமுடியாத அளவிற்கு பயனுள்ளதாக இருக்கும். இது அந்த மோனோரெப்போவிற்குள் தனித்தனி பயன்பாடுகளின் சுதந்திரமான பில்ட்கள் மற்றும் பயன்பாடுகளை அனுமதிக்கிறது, ஒரு சிறிய மாற்றத்திற்காக முழு ரெப்போசிட்டரியையும் மீண்டும் உருவாக்க வேண்டிய தேவையைத் தவிர்க்கிறது. பகிரப்பட்ட சார்புகள் திறமையாகக் கையாளப்படுகின்றன, இது ஒட்டுமொத்த பில்ட் நேரங்களைக் குறைத்து வளர்ச்சிப் பைப்லைன் முழுவதும் கேச் பயன்பாட்டை மேம்படுத்துகிறது.
• பாலிடெப்போ सशक्तிகरणம்: ஒவ்வொரு மைக்ரோ-ஃபிரண்ட்எண்டிற்கும் தனித்தனி ரெப்போசிட்டரிகளை விரும்பும் நிறுவனங்களுக்கு, மாட்யூல் ஃபெடரேஷன் ஒரு கேம்-சேஞ்சர் ஆகும். இது குறுக்கு-ரெப்போசிட்டரி குறியீடு பகிர்வு மற்றும் இயக்க நேர ஒருங்கிணைப்புக்கான ஒரு வலுவான, நேட்டிவ் பொறிமுறையை வழங்குகிறது, சிக்கலான உள் தொகுப்பு வெளியீட்டு பணிப்பாய்வுகள் அல்லது தனிப்பயன் ஃபெடரேஷன் கருவிகளின் தேவையை நீக்குகிறது. குழுக்கள் தங்கள் ரெப்போசிட்டரிகள் மீது முழுமையான சுயாட்சியைப் பராமரிக்கலாம், அதே நேரத்தில் ஒரு ஒருங்கிணைந்த பயன்பாட்டு அனுபவத்திற்கு பங்களிக்கலாம்.

மாறும் ஏற்றுதல், பதிப்பு மேலாண்மை மற்றும் ஹாட் மாட்யூல் ரீப்ளேஸ்மென்ட்

மாட்யூல் ஃபெடரேஷனின் மாறும் தன்மை குறிப்பிடத்தக்க நன்மைகளை வழங்குகிறது:

• தேவைக்கேற்ப ஏற்றுதல்: ரிமோட் மாட்யூல்கள் ஒத்திசைவற்ற முறையில் மற்றும் தேவைப்படும்போது மட்டுமே ஏற்றப்படலாம் (எ.கா., React.lazy() அல்லது டைனமிக் import() பயன்படுத்தி), இது ஆரம்ப பக்க ஏற்றுதல் நேரங்களை மேம்படுத்துகிறது மற்றும் பயனர்களுக்கான ஆரம்ப பண்டில் அளவைக் குறைக்கிறது.
• வலுவான பதிப்பு மேலாண்மை: shared உள்ளமைவு சார்பு பதிப்புகள் மீது நுணுக்கமான கட்டுப்பாட்டை அனுமதிக்கிறது. நீங்கள் சரியான பதிப்புகள், பதிப்பு வரம்புகள் அல்லது ஃபால்பேக்குகளைக் குறிப்பிடலாம், இது பாதுகாப்பான மற்றும் கட்டுப்படுத்தப்பட்ட மேம்படுத்தல்களை செயல்படுத்துகிறது. இது பெரிய, பரவலாக்கப்பட்ட அமைப்புகளில் "சார்புநிலை சிக்கல்களை" தடுப்பதற்கு முக்கியமானது.
• ஹாட் மாட்யூல் ரீப்ளேஸ்மென்ட் (HMR): உருவாக்கும் போது, HMR ஃபெடரேட்டட் மாட்யூல்கள் முழுவதும் வேலை செய்ய முடியும். ஒரு ரிமோட் பயன்பாட்டில் ஏற்படும் மாற்றங்கள் முழுப் பக்க மறுஏற்றம் இல்லாமல் ஒரு ஹோஸ்ட் பயன்பாட்டில் பிரதிபலிக்கப்படலாம், இது வளர்ச்சி பின்னூட்ட வளையத்தை விரைவுபடுத்துகிறது.

சர்வர்-சைட் ரெண்டரிங் (SSR) மற்றும் எட்ஜ் கம்ப்யூட்டிங்

முதன்மையாக ஒரு கிளையன்ட்-சைட் அம்சமாக இருந்தாலும், செயல்திறன் மற்றும் SEO-ஐ மேம்படுத்த SSR உத்திகளுடன் மாட்யூல் ஃபெடரேஷன் ஒருங்கிணைக்கப்படலாம்:

• ஆரம்ப ஏற்றுதலுக்கான SSR: முக்கியமான கூறுகளுக்கு, மைக்ரோ-ஃபிரண்ட்எண்ட்கள் சர்வரில் ரெண்டர் செய்யப்படலாம், இது பயன்பாட்டின் உணரப்பட்ட செயல்திறன் மற்றும் SEO-ஐ மேம்படுத்துகிறது. மாட்யூல் ஃபெடரேஷன் பின்னர் இந்த முன்-ரெண்டர் செய்யப்பட்ட கூறுகளை கிளையன்ட்-சைடில் ஹைட்ரேட் செய்ய முடியும்.
• எட்ஜ்-சைட் அமைப்பு: மாட்யூல் ஃபெடரேஷனின் கொள்கைகள் எட்ஜ் கம்ப்யூட்டிங் சூழல்களுக்கு நீட்டிக்கப்படலாம், இது பயனருக்கு நெருக்கமாக வலை அனுபவங்களின் மாறும் அமைப்பு மற்றும் தனிப்பயனாக்கத்தை அனுமதிக்கிறது, ஒரு உலகளாவிய பார்வையாளர்களுக்கு தாமதத்தைக் குறைக்கும் சாத்தியக்கூறுகளைக் கொண்டுள்ளது. இது செயலில் உள்ள புதுமைகளின் ஒரு பகுதியாகும்.

உலகளாவிய குழுக்கள் மற்றும் நிறுவனங்களுக்கு மாட்யூல் ஃபெடரேஷனின் நன்மைகள்

மாட்யூல் ஃபெடரேஷன் ஒரு தொழில்நுட்ப தீர்வு என்பதை விட மேலானது; இது ஒரு நிறுவன ரீதியான செயலாக்கி, உலகளவில் செயல்படும் பல்வேறு குழுக்களுக்கு சுயாட்சி, செயல்திறன் மற்றும் நெகிழ்வுத்தன்மையை வளர்க்கிறது.

மேம்படுத்தப்பட்ட அளவிடுதல் மற்றும் சுதந்திரமான வளர்ச்சி

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

தொழில்நுட்ப சார்பின்மை மற்றும் படிப்படியான இடம்பெயர்வு

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

மேம்படுத்தப்பட்ட செயல்திறன் மற்றும் பயனர் அனுபவம்

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

செலவுத் திறன் மற்றும் வள மேம்படுத்தல்

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

நடைமுறை பரிசீலனைகள் மற்றும் சிறந்த நடைமுறைகள்

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

சார்புநிலை மேலாண்மை: ஃபெடரேஷனின் மையம்

• തന്ത്രപരമായ பகிர்தல்: எந்த சார்புகளைப் பகிர வேண்டும் என்பதை கவனமாகக் கருதுங்கள். அதிகமாகப் பகிர்வது சரியாக உள்ளமைக்கப்படாவிட்டால் பெரிய ஆரம்ப பண்டல்களுக்கு வழிவகுக்கும், அதே நேரத்தில் குறைவாகப் பகிர்வது நகல் பதிவிறக்கங்களுக்கு வழிவகுக்கும். ரியாக்ட், ஆங்குலர், வியூ, ரிடக்ஸ் போன்ற பெரிய, பொதுவான நூலகங்கள் அல்லது ஒரு மைய UI கூறு நூலகத்தைப் பகிர்வதற்கு முன்னுரிமை அளியுங்கள்.
• சிங்கிள்டன் சார்புகள்: ரியாக்ட், ரியாக்ட் டாம், அல்லது நிலை மேலாண்மை நூலகங்கள் (எ.கா., ரிடக்ஸ், Vuex, NgRx) போன்ற முக்கியமான நூலகங்களை எப்போதும் சிங்கிள்டன்களாக உள்ளமைக்கவும் (singleton: true). இது பயன்பாட்டில் ஒரே ஒரு நிகழ்வு மட்டுமே இருப்பதை உறுதி செய்கிறது, நுட்பமான பிழைகள் மற்றும் செயல்திறன் சிக்கல்களைத் தடுக்கிறது.
• பதிப்பு இணக்கத்தன்மை: requiredVersion மற்றும் strictVersion-ஐ புத்திசாலித்தனமாகப் பயன்படுத்தவும். வளர்ச்சி சூழல்களில் அதிகபட்ச நெகிழ்வுத்தன்மைக்கு, ஒரு தளர்வான requiredVersion ஏற்றுக்கொள்ளப்படலாம். உற்பத்திக்கு, குறிப்பாக முக்கியமான பகிரப்பட்ட நூலகங்களுக்கு, strictVersion: true அதிக நிலைத்தன்மையை வழங்குகிறது மற்றும் பதிப்புப் பொருத்தமின்மையால் ஏற்படும் எதிர்பாராத நடத்தையைத் தடுக்கிறது.

பிழை கையாளுதல் மற்றும் மீள்தன்மை

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

பதிப்பு மேலாண்மை மற்றும் இணக்கத்தன்மை

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

செயல்திறன் மேம்படுத்தல்

• லேசி லோடிங் ரிமோட்கள்: ஆரம்ப பக்க ரெண்டருக்கு முற்றிலும் அவசியமானவை இல்லையென்றால் எப்போதும் ரிமோட் மாட்யூல்களை லேசி லோட் செய்யவும். இது ஆரம்ப பண்டில் அளவைக் கணிசமாகக் குறைத்து உணரப்பட்ட செயல்திறனை மேம்படுத்துகிறது.
• தீவிரமான கேச்சிங்: உங்கள் remoteEntry.js கோப்புகள் மற்றும் வெளிப்படுத்தப்பட்ட மாட்யூல்களுக்கு உலாவி கேச்சிங் மற்றும் CDN (உள்ளடக்க விநியோக நெட்வொர்க்) கேச்சிங்கை திறம்படப் பயன்படுத்தவும். தந்திரோபாய கேச்-பஸ்டிங் பயனர்கள் தேவைப்படும்போது எப்போதும் சமீபத்திய குறியீட்டைப் பெறுவதை உறுதிசெய்கிறது, அதே நேரத்தில் பல்வேறு புவியியல் இடங்களில் மாற்றப்படாத மாட்யூல்களுக்கான கேச் ஹிட்களை அதிகப்படுத்துகிறது.
• முன்னேற்றுதல் மற்றும் முன்கூட்டிப் பெறுதல்: விரைவில் அணுகப்படக்கூடிய மாட்யூல்களுக்கு, ஆரம்ப முக்கியமான ரெண்டர் பாதைகளைப் பாதிக்காமல் உணரப்பட்ட ஏற்றுதல் நேரங்களை மேலும் மேம்படுத்த, முன்னேற்றுதல் (உடனடியாகப் பெறுதல் ஆனால் செயல்படுத்தாமல்) அல்லது முன்கூட்டிப் பெறுதல் (உலாவி செயலற்ற நேரத்தில் பெறுதல்) ஆகியவற்றைக் கருத்தில் கொள்ளுங்கள்.

பாதுகாப்புக் கருத்தாய்வுகள்

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

டெவலப்பர் அனுபவம் (DX)

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

மாட்யூல் ஃபெடரேஷனுடன் மைக்ரோ-ஃபிரண்ட்எண்ட்களின் எதிர்காலம்

மாட்யூல் ஃபெடரேஷன் ஏற்கனவே உலகளவில் பல பெரிய அளவிலான பயன்பாடுகளில் அதன் மதிப்பை நிரூபித்துள்ளது, ஆனால் அதன் பயணம் முடிவடையவில்லை. நாம் பல முக்கிய முன்னேற்றங்களை எதிர்பார்க்கலாம்:

• வெப்பேக்கிற்கு அப்பால் விரிவடைதல்: வெப்பேக்கின் ஒரு நேட்டிவ் அம்சமாக இருந்தாலும், மாட்யூல் ஃபெடரேஷனின் முக்கிய கருத்துக்கள் Rspack மற்றும் Vite செருகுநிரல்கள் போன்ற பிற பில்ட் கருவிகளால் ஆராயப்பட்டு ஏற்றுக்கொள்ளப்படுகின்றன. இது அதன் சக்தியின் பரந்த தொழில் அங்கீகாரத்தையும் மேலும் உலகளாவிய மாட்யூல் பகிர்வு தரங்களை நோக்கிய ஒரு நகர்வையும் குறிக்கிறது.
• தரப்படுத்தல் முயற்சிகள்: இந்த முறை அதிக வரவேற்பைப் பெறும்போது, மாட்யூல் ஃபெடரேஷன் உள்ளமைவுகள் மற்றும் சிறந்த நடைமுறைகளைத் தரப்படுத்த மேலும் சமூக-இயக்க முயற்சிகள் இருக்கும், இது பல்வேறு குழுக்கள் மற்றும் தொழில்நுட்பங்கள் ஒன்றோடொன்று செயல்படுவதை இன்னும் எளிதாக்கும்.
• மேம்படுத்தப்பட்ட கருவிகள் மற்றும் சுற்றுச்சூழல்: ஃபெடரேட்டட் பயன்பாடுகளை ஆதரிக்க சிறப்பாக வடிவமைக்கப்பட்ட மேம்பாட்டு கருவிகள், பிழைதிருத்த உதவிகள் மற்றும் பயன்பாட்டு தளங்களின் ஒரு செழிப்பான சுற்றுச்சூழல் அமைப்பை எதிர்பார்க்கலாம், இது உலகளவில் பரவலாக்கப்பட்ட அணிகளுக்கான டெவலப்பர் அனுபவத்தை நெறிப்படுத்துகிறது.
• அதிகரித்த தத்தெடுப்பு: நன்மைகள் பரவலாகப் புரிந்து கொள்ளப்படுவதால், மாட்யூல் ஃபெடரேஷன் பெரிய அளவிலான நிறுவனப் பயன்பாடுகளில் இன்னும் ಹೆಚ್ಚಿನ தத்தெடுப்பிற்கு தயாராக உள்ளது, இது வணிகங்கள் தங்கள் வலை இருப்பு மற்றும் டிஜிட்டல் தயாரிப்புகளை உலகளவில் அணுகும் முறையை மாற்றியமைக்கிறது.

முடிவுரை

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

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

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