Remoto (remote de microfrontend)

Un remoto es una aplicación compilada y desplegada por separado que expone módulos, como rutas o componentes, para que un host los cargue en tiempo de ejecución.

Un remoto es una de las aplicaciones que un host carga en tiempo de ejecución. Se compila y se despliega por su cuenta, normalmente a cargo del equipo dueño de esa área de negocio. Expone uno o más puntos de entrada, por lo general un conjunto de rutas o un componente raíz, y el host los monta dentro de su layout.

Un remoto también debería poder ejecutarse solo. Un modo standalone con su propio index.html permite al equipo desarrollar y probar sin levantar toda la plataforma.

Ejemplo

El equipo de facturación es dueño de un remoto llamado invoices. Su configuración de federación expone un archivo de rutas:

exposes: {
  './routes': './src/app/invoices.routes.ts',
}

El equipo lo despliega en https://cdn.example.com/invoices/. El host asocia la ruta /invoices con ese módulo expuesto. Cuando el equipo publica una corrección, despliega solo su remoto. El host y los demás remotos no se tocan.

Confusión frecuente

Que el despliegue sea independiente no significa que el remoto no tenga contrato. Un remoto depende del host para las versiones de las librerías compartidas, la sesión, los design tokens y la forma del espacio de URLs. Si un remoto sube a una versión mayor del framework antes que el host, o importa directamente desde otro remoto, el sistema falla en tiempo de ejecución, donde ningún compilador puede avisar.

Trata los módulos expuestos, las versiones compartidas y los eventos como una API pública. Versiónalos y cúbrelos con pruebas de contrato en el pipeline. Hay más detalle en la página de microfrontends.

Términos relacionados

• Aplicación host (shell)
• Remote entry y manifiesto
• Module Federation