如何使用微服务将 Angular 应用程序嵌入另一台服务器上的不同 Angular 应用程序?
How to embed an Angular application into a different Angular application on another server using microservices?
问题如下:
我们正在使用微服务架构。假设我们有 2 个服务器,一个 ServerHost 和一个 ServerClient。我希望 ServerHost 托管一个网页,该网页路由到 ServerClient 上的网页。像一个 iframe 但有更多的控制。两个网页都在 Angular.
我读过 Angular 元素和 Web 组件,但我不知道如何在不同的服务器之间实现它。
谁能给我指点文章或考试,
我将不胜感激。
编辑:(澄清)
目标是每个微服务都有自己的网页(用于配置等)。但是,所有网页都应在 shell 内从 ServerHost 访问。该服务器基本上应该托管一个包含所有其他页面的网页。
如果用户要登陆主页,则应该有一个包含 link 其他页面的列表。但是当点击 link 时,shell 中的主导航菜单应该不会消失。并且用户将在旧页面中打开新页面。
网页能够相互通信也很重要。例如。告诉路线。顺便说一句,服务器都是用C#写的。
出于安全原因,我认为这是不可能的。
您实际上只能从同一来源加载模块。如果你确实想做你描述的事情,你可以按照通常的设计进行设置。
1 个服务器应用程序
1 个客户端应用程序
1 个 SSO 服务/ + 应用
用户将通过 SSO 服务登录,然后如果他被允许,服务器应用程序将用户重定向到客户端应用程序。通过该流程,您可以使用 SSO 服务来跟踪源和目标 url,以便您知道用户来自哪里以及他想去哪里,并从中管理用户可以做什么和不能做什么的声明。
问题如下:
我们正在使用微服务架构。假设我们有 2 个服务器,一个 ServerHost 和一个 ServerClient。我希望 ServerHost 托管一个网页,该网页路由到 ServerClient 上的网页。像一个 iframe 但有更多的控制。两个网页都在 Angular.
我读过 Angular 元素和 Web 组件,但我不知道如何在不同的服务器之间实现它。
谁能给我指点文章或考试, 我将不胜感激。
编辑:(澄清)
目标是每个微服务都有自己的网页(用于配置等)。但是,所有网页都应在 shell 内从 ServerHost 访问。该服务器基本上应该托管一个包含所有其他页面的网页。
如果用户要登陆主页,则应该有一个包含 link 其他页面的列表。但是当点击 link 时,shell 中的主导航菜单应该不会消失。并且用户将在旧页面中打开新页面。
网页能够相互通信也很重要。例如。告诉路线。顺便说一句,服务器都是用C#写的。
出于安全原因,我认为这是不可能的。
您实际上只能从同一来源加载模块。如果你确实想做你描述的事情,你可以按照通常的设计进行设置。
1 个服务器应用程序
1 个客户端应用程序
1 个 SSO 服务/ + 应用
用户将通过 SSO 服务登录,然后如果他被允许,服务器应用程序将用户重定向到客户端应用程序。通过该流程,您可以使用 SSO 服务来跟踪源和目标 url,以便您知道用户来自哪里以及他想去哪里,并从中管理用户可以做什么和不能做什么的声明。