0Pricing
Micro Frontends Architecture with Module Federation · レッスン

Module Federationリモートのセキュリティ対策

リモート読み込みの仕組み自体を保護し、攻撃者による実行時のフェデレーテッドコードへのコード注入や改ざんを防ぐ方法を学びます。

「Module Federationリモートのセキュリティ対策」はCoddyKit上の無料Micro Frontends Architecture with Module Federationレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これは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.

よくある質問

「Module Federationリモートのセキュリティ対策」レッスンは無料ですか？

はい。「Module Federationリモートのセキュリティ対策」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Micro Frontends Architecture with Module Federationコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Micro Frontends Architecture with Module Federationコースには全4レッスンが含まれています。

「Module Federationリモートのセキュリティ対策」で何を学びますか？

リモート読み込みの仕組み自体を保護し、攻撃者による実行時のフェデレーテッドコードへのコード注入や改ざんを防ぐ方法を学びます。 ブラウザで直接実行するハンズオンコードでMicro Frontends Architecture with Module Federationを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Micro Frontends Architecture with Module Federationを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのMicro Frontends Architecture with Module Federationは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。

「Module Federationリモートのセキュリティ対策」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このMicro Frontends Architecture with Module Federationレッスンでコードを書いて実行できますか？

はい。すべてのMicro Frontends Architecture with Module Federationレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. 認証と認可
  2. アプリケーション間のセキュリティリスク
  3. 安全なFederationのベストプラクティス
  4. Module Federationリモートのセキュリティ対策
← Micro Frontends Architecture with Module Federationに戻る