将iframe应用替换为Angular / React应用

时间:2019-01-25 13:40:34

标签: angular reactjs iframe embed web-component

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

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

1 个答案:

答案 0 :(得分:0)

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

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

因此,您要删除的<iframe>标签被单个简单的<div>标签取代。