Как реализовать микро-фронтенд в Angular (альтернатива Iframe)

мы пытаемся реализовать концепцию микро-интерфейса в Angular, где у нас есть 2 угловых приложения App1 и App2, каждый из которых работает отдельно на своем собственном сервере. мы хотим интегрировать App2 внутри компонента App1 при нажатии кнопки, в настоящее время мы реализовали это с помощью Iframe, но мы хотим реализовать это в подходе с микро-фронтом.

любая помощь или совет будут очень признательны.


person Salman Sayyed    schedule 12.11.2020    source источник
comment
в вашей службе есть сетевой балансировщик или микросервисы аналогичного типа?   -  person Soleil    schedule 12.11.2020
comment
@Soleil это отдельные проекты, разработанные разными командами, но у меня есть требование включить App2 в какой-либо компонент App1.   -  person Salman Sayyed    schedule 14.11.2020


Ответы (1)


Вы можете использовать федерацию модулей webpack5 для реализации этого, потому что она также будет частью будущих выпусков angular. О том, как использовать, см.: - https://www.angulararchitects.io/aktuelles/the-microfrontend-revolution-part-2-module-federation-with-angular/

person Aakash Garg    schedule 12.11.2020