Micro Frontends Architecture with Module Federation · درس

تأمين التطبيقات البعيدة في Module Federation

تعلّم حماية آلية تحميل التطبيقات البعيدة نفسها، ومنع المهاجمين من حقن الشيفرة الاتحادية أو العبث بها أثناء التشغيل.

الدرس 4 من 413 خطوة

تأمين التطبيقات البعيدة في Module Federation درس مجاني في Micro Frontends Architecture with Module Federation على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Micro Frontends Architecture with Module Federation، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Micro Frontends Architecture with Module Federation 4 دروس في المجموع.

بعض أجزاء هذا الدرس لم تُترجم بعد وتظهر باللغة الإنجليزية.

Remotes Are Live Code

Module Federation fetches and executes remote JavaScript at run time. That power is also a risk: if an attacker controls a remote URL, they can run code inside your app.

The Threat: Remote Tampering

Key threats to the federation layer include:

  • A compromised remote host serving malicious code
  • Man-in-the-middle modification of remoteEntry.js
  • Loading a remote from an unexpected origin

Always Serve Over HTTPS

Loading any remote over plain HTTP allows in-transit tampering. Every remoteEntry.js and chunk must be served over HTTPS, with HSTS enforced.

Allowlist Remote Origins

Do not load remotes from arbitrary URLs. Restrict allowed origins with a Content Security Policy so only trusted hosts can supply scripts.

Content-Security-Policy: script-src 'self' https://cdn.trusted.com

Subresource Integrity (SRI)

SRI lets the browser verify a fetched script matches a known hash, rejecting it if it was altered. Pairing SRI with federation guards against tampered remotes.

<script src="/cart/remoteEntry.js"
  integrity="sha384-..." crossorigin="anonymous">

Validate the Remote Manifest

If you load remote URLs from a manifest, that manifest is a high-value target. Serve it from a trusted origin and validate its contents before using any URL.

Avoid Dynamic Untrusted URLs

Never build a remote URL from user input or untrusted config. An attacker who influences the URL can point your app at malicious code.

// dangerous:
import(userProvidedUrl);
// safe: import from a fixed allowlisted name

Isolate Remotes Where Possible

Because remotes share the same page context, a malicious remote can read the DOM and globals. For untrusted third-party MFEs, consider iframe or sandbox isolation.

Protect Shared State and Tokens

A compromised remote can read shared stores and globals. Never place raw auth tokens on window or in shared state where any remote could harvest them.

Verify Integrity in CI/CD

Generate and pin SRI hashes during the build, and check that deployed remoteEntry files match expected hashes, so a tampered artifact fails verification before users hit it.

Defense in Depth

No single control is enough. Combine HTTPS, CSP allowlists, SRI, manifest validation, and isolation so that bypassing one layer still leaves others protecting the app.

Quick Check

Test your federation-security knowledge.

Recap

You learned to secure federation remotes:

  • Remotes execute live code, so the loader is an attack surface
  • Always use HTTPS and a CSP script-src allowlist
  • Verify integrity with SRI and hash checks in CI
  • Never load remotes from untrusted URLs
  • Isolate untrusted MFEs and protect tokens

Defense in depth keeps federated code trustworthy.

البدء مجانًا

تعلم JavaScript مع معلم ذكاء اصطناعي — مجانًا

اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.

الدورات
12
الدروس
48

الأسئلة الشائعة

هل درس «تأمين التطبيقات البعيدة في Module Federation» مجاني؟

نعم — نص درس «تأمين التطبيقات البعيدة في Module Federation» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Micro Frontends Architecture with Module Federation، انتقل إلى CoddyKit PRO. تتضمن دورة Micro Frontends Architecture with Module Federation 4 دروس في المجموع.

ماذا ستتعلم في «تأمين التطبيقات البعيدة في Module Federation»؟

تعلّم حماية آلية تحميل التطبيقات البعيدة نفسها، ومنع المهاجمين من حقن الشيفرة الاتحادية أو العبث بها أثناء التشغيل. تتمرن على Micro Frontends Architecture with Module Federation مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Micro Frontends Architecture with Module Federation؟

لا تُشترط خبرة سابقة. Micro Frontends Architecture with Module Federation على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.

كم من الوقت يستغرق درس «تأمين التطبيقات البعيدة في Module Federation»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Micro Frontends Architecture with Module Federation هذا؟

نعم. كل درس في Micro Frontends Architecture with Module Federation يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. المصادقة والتفويض
  2. مخاطر الأمان بين التطبيقات
  3. أفضل الممارسات لـ Federation الآمن
  4. تأمين التطبيقات البعيدة في Module Federation
← العودة إلى Micro Frontends Architecture with Module Federation