प्लेबुक

मॉड्यूल फेडरेशन: शेल और रिमोट समझौता (Module Federation Shell And Remotes)

मॉड्यूल फेडरेशन: शेल और रिमोट कॉन्ट्रैक्ट - लॉजिस्टिक्स परिचालन में एक उत्पादन पाठ।

लॉजिस्टिक्स माइक्रो फ्रंटएंड प्लेटफार्म (मॉड्यूल फेडरेशन)

भाग 2 का 10

मॉड्यूल फेडरेशन के साथ लॉजिस्टिक्स ऑपरेशन पैनल को शेल, ऑथ और फीचर रिमोट में विभाजित करने की एक श्रृंखला।

Micro frontend architecture diagram

मॉड्यूल फेडरेशन: शेल और रिमोट समझौता

शेल रिमोट स्थापित करता है; रिमोट पेज या लॉगिन जैसे स्लाइस को उजागर करता है। वेबपैक मॉड्यूल फेडरेशन एक होस्ट और रिमोट का नाम देता है जो रिमोटएंट्री.जेएस के माध्यम से मॉड्यूल को उजागर करता है।```text host + remotes + remoteEntry.js


## पहले उल्लेख पर अवधारणाएँ```text
📦 Shell (Host)
Remotes'u yükleyen, ortak layout ve üst seviye routing taşıyan uygulama.

📦 Remote
remoteEntry.js üzerinden modül expose eden bağımsız build.

📦 Expose Path
Tüketicilerin import ettiği public modül yolu (ör. auth/Login).

📦 Shared Singleton
React gibi bağımlılıkların tek kopyada çalışmasını zorunlu kılan Federation ayarı.
```इन अवधारणाओं को अलग करने में असमर्थ, टीम यूआई और एकीकरण सीमा को भ्रमित करती है।

## समस्या का स्वरूप

वेबपैक मॉड्यूल फेडरेशन एक होस्ट और रिमोट का नाम देता है जो रिमोटएंट्री.जेएस के माध्यम से मॉड्यूल को उजागर करता है।```text
host + remotes + remoteEntry.js
```## कर्मचारी भेद

शेल रिमोट स्थापित करता है; रिमोट पेज या लॉगिन जैसे स्लाइस को उजागर करता है।```text
host + remotes + remoteEntry.js
        ↓
   explicit contract
```## उत्पादन में स्थान टूट गया

घटना तब बढ़ जाती है जब अनुबंध या त्रिज्या/पहचान/तैनाती धारणाएँ अस्पष्ट हो जाती हैं। दृश्यमान अनुबंध, दृश्यमान निरसन।

## इस एपिसोड में सबसे भ्रमित करने वाला मैचअप```text
❌ Her şey tek uygulamada daha güvenli
✓ Sınırlar net değilse tek uygulama daha kırılgandır

❌ Konfigürasyon kodda hardcoded kalsın
✓ Yarıçap, remote URL ve expose path operasyonel kontratlardır

❌ Vendor/API gerçeği UI state'tir
✓ Vendor feed kanıt, ops state karardır

आपके अपने सिस्टम की चेकलिस्ट

  1. इस सतह की स्वामित्व सीमा को एक वाक्य में लिखिए।
  2. कौन सा अनुबंध परिवर्तन तैनात करता है?
  3. टाइमआउट या विक्रेता विलंब पर यूआई क्या दिखाता है?
  4. क्या आप स्टैंडअलोन और एम्बेडेड परिदृश्यों का अलग-अलग परीक्षण करते हैं?
  5. अस्वीकृत-सूची: क्या सामग्री में कोई कंपनी/विक्रेता डोमेन लीक है?

इस अनुभाग से याद रखने योग्य बातें

  1. अनुबंध दृश्यमान होना चाहिए: पथ, त्रिज्या, टिकट की स्थिति या दूरस्थ URL को उजागर करें।
  2. यूआई और बाहरी सिस्टम के बीच का अंतर एक डिज़ाइन निर्णय है, बग नहीं।
  3. स्वतंत्र तैनाती का अर्थ है स्वतंत्र रोलबैक।

आप जो सीमा छिपाएंगे वह आपको उत्पादन में मिल जाएगी।

FAQ

Frequently asked questions

शेल (होस्ट) क्या है?

एप्लिकेशन जो रिमोट इंस्टॉल करता है, सामान्य लेआउट और उच्च-स्तरीय रूटिंग करता है।

रिमोट क्या है?

स्टैंडअलोन बिल्ड जो रिमोटएंट्री.जेएस के माध्यम से मॉड्यूल को उजागर करता है।

क्या यह सच है कि "एक ऐप में सब कुछ अधिक सुरक्षित है"?

यदि सीमाएँ स्पष्ट नहीं हैं तो एकल अनुप्रयोग अधिक नाजुक है

यह अनुभाग क्या ठीक करता है?

शेल रिमोट स्थापित करता है; रिमोट पेज या लॉगिन जैसे स्लाइस को उजागर करता है। शेल रिमोट स्थापित करता है; रिमोट पेज या लॉगिन जैसे स्लाइस को उजागर करता है। वेबपैक मॉड्यूल फेडरेशन एक होस्ट और रिमोट का नाम देता है जो रिमोटएंट्री.जेएस के माध्यम से मॉड्यूल को उजागर करता है।

इंजीनियरिंग सिद्धांत सीखे गए

  • स्वामित्व और प्रकाशन सीमाएँ डोमेन मॉडल की तरह ही वास्तविक हैं।
  • बाहरी प्रणाली साक्ष्य उत्पन्न करती है; परिचालन स्थिति आपके द्वारा तय की जाती है.
  • अनुबंध को सेम्वर की तरह प्रबंधित करें; आंतरिक विवरण जारी करें.

जारी रखें पढ़ रहे हैं

जारी रखें पढ़ रहे हैं

श्रृंखला में अगला

श्रृंखला में अगला

निबंध

लॉजिस्टिक्स संचालन के लिए माइक्रो फ्रंटएंड की आवश्यकता क्यों होती है?

जैसे-जैसे एकल ऑप्स पैनल बढ़ता है, तैनाती और स्वामित्व टूट जाता है। शेल + रिमोट भेद कब अनिवार्य हो जाता है?

वही सिलसिला

Paylaş