Версионирование, развёртывание и оркестрация

Главная ценность Module Federation — независимое развёртывание: команда может обновлять, тестировать и разворачивать своё удалённое приложение без координации с командами хостов и без запуска повторных развёртываний хостов. Хост автоматически получает изменения при следующей загрузке remoteEntry.js по URL удалённого приложения.

Вместо размещения remoteEntry.js по фиксированному URL, который изменяется при каждом развёртывании, включайте хеш содержимого в URL: remoteEntry.[hash].js. Это делает каждое развёртывание неизменяемым: старые URL продолжают работать, а хост начинает использовать новый хеш после обновления до нового развёртывания. Неизменяемые URL позволяют использовать интенсивное кэширование в CDN.

Поскольку хост обнаруживает удалённые приложения по URL, можно реализовать A/B-тестирование на уровне инфраструктуры: предоставлять разным пользователям разные URL remoteEntry.js, указывающие на разные версии удалённого приложения. Это позволяет выполнять настоящие канареечные развёртывания микроинтерфейсов без логики флагов функций в коде приложения.

Вместо жёстко заданных URL удалённых приложений в конфигурации Webpack хост при запуске получает JSON-манифест: GET /federation-manifest.json возвращает { buttonApp: 'https://cdn.example.com/button/remoteEntry.abc123.js' }. Чтобы изменить используемую хостом версию, обновите манифест — пересборка хоста не требуется.

Если развёртывание удалённого приложения вызывает регрессию, откат выполняется мгновенно: обновите federation-manifest.json, указав URL предыдущего remoteEntry.js. При следующем цикле запросов хост сразу начнёт использовать старую версию. Пересборка хоста не требуется, откат хоста не требуется, координация не нужна.

Федерация модулей 2.0 (пакет @module-federation/enhanced) предлагает значительные улучшения: более качественную поддержку TypeScript с автоматической генерацией типов из удалённых манифестов, программный интерфейс плагинов для пользовательской логики загрузки во время выполнения и расширенное управление общей областью видимости для сложных сценариев согласования версий.

Пакет vite-plugin-federation переносит Федерацию модулей в проекты на основе Vite, используя интерфейс конфигурации, схожий с ModuleFederationPlugin в Webpack. Он совместим и с удалёнными модулями Vite, и с приложениями-хостами Webpack, а также наоборот, позволяя командам постепенно переходить на Vite, не отказываясь от Федерации модулей.

Для высокодинамичных архитектур можно полностью настроить адреса удалённых модулей во время выполнения: import(remoteRegistry[featureName]), где remoteRegistry заполняется вызовом программного интерфейса. Это позволяет создавать архитектуры, подобные плагинным, в которых новые микрофронтенды можно добавлять без пересборки приложения-оболочки.

Основная задача приложения-оболочки — координация: оно читает манифест удалённых модулей, инициализирует среду выполнения Федерации модулей, регистрирует удалённые модули в именованных маршрутах и отображает подходящий удалённый модуль в зависимости от текущего адреса. Оболочка намеренно остаётся тонкой — она знает, что загружать, но не знает, как это отображать.

Добавьте мониторинг производительности загрузки удалённых модулей: оберните импорты в try/catch, чтобы корректно обрабатывать сбои загрузки (отображайте запасной интерфейс, если удалённый модуль недоступен), измеряйте время загрузки remoteEntry.js и фрагментов компонентов и создайте оповещение, если время загрузки удалённого модуля превышает пороговое значение (это указывает на проблемы CDN).

Зрелый конвейер CI/CD для Федерации модулей выглядит так: команда удалённого модуля фиксирует изменения → CI собирает удалённый модуль → загружает неизменяемый remoteEntry.[hash].js в CDN → обновляет federation-manifest.json → приложение-хост подхватывает новый удалённый модуль при следующем запросе пользователя. Каждый шаг автоматизирован, и команде приложения-хоста никогда не приходится участвовать в развёртывании удалённых модулей.

Федерация модулей обеспечивает полностью независимое развёртывание: удалённые модули развёртываются без пересборки приложения-хоста, а приложение-хост автоматически обнаруживает новые версии. Используйте адреса удалённых модулей с хешем содержимого для неизменяемого кэширования в CDN и динамический манифест для гибкой маршрутизации версий и мгновенных откатов. vite-plugin-federation переносит эти возможности в Vite, а динамический импорт удалённых модулей позволяет создавать архитектуры, подобные плагинным. Оболочка координирует загрузку удалённых модулей, оставаясь намеренно тонкой.