如何使用微服务将Angular应用程序嵌入到另一台服务器上的另一个Angular应用程序中?

时间:2019-02-15 09:17:11

标签: html angular typescript microservices web-component

问题如下:

我们正在使用微服务架构。假设我们有2个服务器,一个ServerHost和一个ServerClient。我希望ServerHost托管一个路由到ServerClient上的网页的网页。像iframe一样,但具有更多控制权。这两个网页都在Angular中。

我已经阅读了有关Angular Elements和Webcomponents的文章,但是我不知道如何在不同的服务器之间实现它。

有人可以指点我或文章, 我将非常感谢。

编辑:(为澄清起见)

目标是每个微服务都有自己的网页(用于配置等)。但是,应从ServerHost的外壳程序中访问所有网页。该服务器应基本上托管一个包含所有其他页面的网页。

如果用户登陆到主页,则应该有一个包含其他页面链接的列表。但是,单击链接时,外壳中的主导航菜单不应消失。用户将在旧页面中打开新页面。

网页之间的交流也很重要。例如。告诉路线。顺便说一句,服务器都是用C#编写的。

1 个答案:

答案 0 :(得分:1)

出于安全原因,我认为这是不可能的。

您实际上只能从相同的来源加载模块。如果您确实想按照自己的描述进行操作,则可以按照通常的设计进行设置。

1个服务器应用程序
1个客户端应用程序
1个SSO服务/ +应用

用户将通过SSO服务登录,然后,如果允许他,则服务器应用会将用户重定向到客户端应用。通过该过程,您可以使用SSO服务来跟踪源URL和目标URL,以便您知道用户来自何处以及他想从何处进行管理,并声明用户可以做什么以及不能做什么。 / p>