用 Angular/React 应用替换 iframe 应用

Question

我的公司（子级）目前有一个应用程序，该应用程序通过 iframe 和源链接在另一家公司（父级）的网站上执行。这个父网站有其他页面和应用程序，但只有一个选项卡用于运行我们的应用程序。计划是停止使用 iframe/source-link 方法来呈现我们的 Web 应用程序。相反，我们希望使用更现代的框架（Angular 或 React）创建我们的应用程序，并将该应用程序嵌入到他们为我们提供的选项卡中的网站上，但不使用 iframe。这个问题可能已经得到解答，但我很难在这里和其他地方寻找令我满意的答案。

处理这种将我们的应用程序嵌入到我们母公司网站的非 iframe 方式的正确方法是什么，以及我们需要向他们和任何其他希望在其网站中使用我们的新应用程序的母公司提供什么说明?

Answer 1

看看Create React App 管理在 HTML 文档中显示 react 应用程序的方式。

它基本上用完整渲染的 React App 替换了一个简单的元素 <div id="root"/>。这意味着这个标签和 JavaScript 应该足以在父网站上运行应用程序。

因此，您要删除的 <iframe> 标记将替换为单个简单的 <div> 标记。