Control de versiones, despliegue y orquestación

El valor principal de Module Federation es el despliegue independiente: un equipo puede actualizar, probar y desplegar su remote sin coordinarse con los equipos de los hosts ni activar nuevos despliegues de estos. El host incorpora los cambios automáticamente la próxima vez que carga remoteEntry.js desde la URL del remote.

En lugar de servir remoteEntry.js desde una URL fija (que cambia con cada despliegue), incluya un hash del contenido en la URL: remoteEntry.[hash].js. Esto hace que cada despliegue sea inmutable: las URL antiguas siguen funcionando y el host hace referencia al nuevo hash cuando se actualiza al nuevo despliegue. Las URL inmutables permiten una caché agresiva en la CDN.

Como el host descubre los remotes mediante una URL, puede implementar pruebas A/B en la capa de infraestructura: servir a distintos usuarios diferentes URL de remoteEntry.js (que apunten a distintas versiones del remote). Esto permite realizar verdaderos despliegues canary para microfrontends sin ninguna lógica de feature flags en el código de la aplicación.

En lugar de codificar las URL de los remotes en la configuración de Webpack, el host obtiene un manifiesto JSON al iniciarse: GET /federation-manifest.json returns { buttonApp: 'https://cdn.example.com/button/remoteEntry.abc123.js' }. Para actualizar la versión que utiliza el host, actualice el manifiesto; no es necesario recompilar el host.

Cuando un despliegue del remote introduce una regresión, el rollback es inmediato: actualice federation-manifest.json para que apunte a la URL anterior de remoteEntry.js. El host empieza a utilizar inmediatamente la versión antigua en el siguiente ciclo de solicitudes. No es necesario recompilar ni revertir el host, ni coordinarse con otros equipos.

Module Federation 2.0 (el paquete @module-federation/enhanced) incorpora mejoras importantes: mejor compatibilidad con TypeScript mediante la generación automática de tipos a partir de manifiestos remotos, una API de plugins en tiempo de ejecución para implementar una lógica de carga personalizada y una gestión mejorada del ámbito compartido para escenarios complejos de negociación de versiones.

El paquete vite-plugin-federation incorpora Module Federation a los proyectos basados en Vite mediante una API de configuración similar a la de ModuleFederationPlugin de Webpack. Es compatible tanto con remotos de Vite y hosts de Webpack como en el sentido inverso, lo que permite a los equipos migrar gradualmente a Vite sin abandonar Module Federation.

Para arquitecturas muy dinámicas, puede configurar las URL de los remotos completamente en tiempo de ejecución: `import(remoteRegistry[featureName])`, donde remoteRegistry se rellena mediante una llamada a una API. Esto permite crear arquitecturas similares a plugins, en las que se pueden añadir nuevos micro frontends sin recompilar la aplicación shell.

La función principal de la aplicación shell es la orquestación: lee el manifiesto remoto, inicializa el entorno de ejecución de Module Federation, registra los módulos remotos en rutas con nombre y renderiza el remoto adecuado según la URL actual. La shell es deliberadamente ligera: sabe qué cargar, no cómo renderizarlo.

Añada supervisión del rendimiento a la carga de remotos: envuelva las importaciones de remotos en try/catch para gestionar correctamente los fallos de carga (renderice una interfaz de reserva si el remoto no está disponible), mida el tiempo necesario para descargar remoteEntry.js y los fragmentos de los componentes, y genere una alerta si el tiempo de carga del remoto supera un umbral (lo que podría indicar problemas con el CDN).

Un pipeline maduro de CI/CD de Module Federation sigue este flujo: el equipo del remoto hace un commit → CI compila el remoto → sube remoteEntry.[hash].js inmutable al CDN → actualiza federation-manifest.json → el host obtiene el nuevo remoto en la siguiente solicitud del usuario. Cada paso está automatizado y el equipo del host nunca interviene en los despliegues del remoto.

Module Federation permite realizar despliegues realmente independientes: los remotos se despliegan sin recompilar el host, y el host descubre automáticamente las nuevas versiones. Use URL de remotos con hash de contenido para habilitar el almacenamiento en caché inmutable en el CDN y un manifiesto dinámico para disponer de un enrutamiento flexible de versiones y reversiones instantáneas. vite-plugin-federation incorpora estas capacidades a Vite, y las importaciones dinámicas de remotos permiten crear arquitecturas similares a plugins. La shell orquesta la carga de remotos y se mantiene deliberadamente ligera.