Микро маршрутизация Angular6

Question

У меня есть угловое 6 микро приложение. Он имеет 4 различных приложения внутри основного приложения. И как мне реализовать маршрутизацию между этими приложениями. И как мне реализовать маршрутизацию в основном приложении (уменя много дочерних маршрутов в основном приложении) и вспомогательных приложениях тоже. Я использую "@angular/elements". Пожалуйста, найдите мой код в этом репозитории https://github.com/nagaraju123/microfrontend

Answer 1

Маршрутизация для «настоящей» архитектуры микрофронтенда должна быть следующей:

• Каждый микрофронтенд — это отдельный сервис в вашей инфраструктуре
• У вас есть входящий/обратный прокси-сервер перед этими службами, который позволяет выполнять маршрутизацию к определенной службе на основе пути.
• У вас есть одно доменное имя: app.yoursite.com
• Вы настраиваете вход для маршрутизации к правильному микроинтерфейсу на основе пути (например, идет к интерфейсу бухгалтерского учета).
• Микроинтерфейсы сами контролируют, как они делают запросы (например, бухгалтерский интерфейс обслуживает некоторые , и код на этой странице будет выполнять все запросы на выборку с префиксом: )

Резюме:
это действительно зависит от того, что вы подразумеваете под «микрофронтендом». Часто, когда люди говорят о микрофронтенде, они имеют в виду создание отдельных пакетов JS, но при этом используют один и тот же бэкэнд.

«Настоящая» архитектура микроинтерфейса обеспечивает полную инкапсуляцию как статических ресурсов/javascript, так и бэкенда/обработчиков запросов. Разделение интересов, а не разделение технологий. Код, обслуживаемый одним микрофронтендом, полностью изолирован от кода, обслуживаемого другим... сшитым воедино общей службой «платформы».