Quasar로 마이크로 프런트엔드를 구축하는 방법

Quasar로 마이크로 프런트엔드를 구축하는 방법

마이크로 프런트엔드와 마이크로 서비스 개념을 현재 프로젝트에 적용하려고 합니다.
프런트 엔드 개발에는 https://backendar.dev/ 및 backend https://www.scala-lang.org/ 를 사용하고 있습니다.
다음과 같은 시나리오가 있습니다.

저는 3개의 마이크로 서비스를 가지고 있으며 각각 NGINX 컨테이너 내에서 실행되는 프런트엔드가 있습니다.또한 모든 마이크로 서비스에는 자체 백엔드가 있으며 스칼라로 작성되어 있습니다.

이제 제가 달성하고자 하는 것은 다음과 같습니다.

• URL example.io/app1, 를 입력하면 microservice1 이 호출됩니다.App Shell의 내용(파란색 테두리가 있는 직각)은 microservice1의 Quasar 앱을 보여줍니다.

• 그런 다음 example.io/app2으로 URL을 변경합니다.그런 다음 microservice2가 호출되고 App Shell의 내용(파란색 테두리 직각)이 microservice2에서 Quasar 앱을 보여줍니다.

App Shell은 컨테이너처럼 작동하며, 이 컨테이너 안에서 다른 앱이 실행됩니다.마틴 파울러는 마이크로 프런트엔드에 대한 멋진 기사를 썼다.

문제는 프런트 엔드 앱의 메인 레이아웃으로 앱 셸을 어떻게 만들 것인가 하는 것입니다.

언급URL : https://stackoverflow.com/questions/61921883/how-to-build-micro-frontend-with-quasar