如何使用 iframe 将多个项目提取到一个项目中答案

【问题标题】：How to extract out several projects into one project using iframes如何使用 iframe 将多个项目提取到一个项目中
【发布时间】：2019-08-11 14:15:07
【问题描述】：

在我的公司里有 3 个独立的 Angular 项目。客户向公司提出以下要求：创建一个项目，使用户能够连接到每个独立的项目。我的问题是一个普遍的问题——iframe 是这个用例的正确技术——当我为那个用例使用 iframe 时我需要知道什么。

【问题讨论】：

您是否可以控制 3 个独立站点的部署位置？
有什么理由不能简单地链接到每个项目？客户是否要求所有内容都隐藏在其 URL 后面？如果是这样，为什么不让他们的子域（假设他们拥有自己的域）指向三个项目中的每一个？
将，在我的情况下，它是关于“主应用程序”的用户能够在项目之间进行选择，还可以在多会话的一部分中连接、维护每个项目的状态用户连接到不同应用程序的其他用户的节点后端。如果按照您的建议，一个链接就足够了，主应用程序将如何管理小应用程序状态？有什么想法吗？

标签： node.js angular express iframe

【解决方案1】：

这就是我们所做的，iframe 与应用程序通信并提供令牌（它在每个应用程序的 init 上调用）然后您可以在标题组件内提供某种类型的菜单（或应用程序选择器），以便使用选择任何应用程序。请记住，cookie/ls 保存在浏览器上，因此如果用户没有注销并且您的身份验证设置正确，他们应该能够通过切换 URL 来在应用程序之间切换

【讨论】：

迈克尔。为什么需要令牌？您的意思是当主应用程序的用户登录时，应该向每个应用程序发送一个令牌？另外 - 主应用程序将如何管理每个连接 iframe 的应用程序的 redux 状态？