Html 将托管的React应用程序嵌入到另一个非React站点的最佳方法是什么？_Html_Reactjs

Html 将托管的React应用程序嵌入到另一个非React站点的最佳方法是什么？

html reactjs

Html 将托管的React应用程序嵌入到另一个非React站点的最佳方法是什么？,html,reactjs,Html,Reactjs,我在AWS上托管了一个完整的React应用程序。我想将此应用程序嵌入到另一个非React站点。目前，我有它的iframed和它的作品很好 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"

我在AWS上托管了一个完整的React应用程序。我想将此应用程序嵌入到另一个非React站点。目前，我有它的iframed和它的作品很好

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
</head>
<body>
    <iframe src="https://testlink.cloudfront.net"></iframe>
</body>
</html>

我在React文档中看到过一些示例，它们是关于在没有iFrame的情况下实现单个组件的，而在整个托管应用程序中却没有

理想情况下，我将能够做到以下几点：

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
</head>
<body>
    <div="app"></div>
    <div="app2"></div>
</body>
</html>

做这件事最好的方法是什么？或者我最好只处理iFrame？

我必须将多个react应用程序集成到一个cake php框架中

将最后一个捆绑包放在托管站点的webroot中，例如/react下。然后只需在html中包含最后的捆绑脚本标记。您必须处理到托管站点上应用程序的路由

<!DOCTYPE html>
<html lang="en">
    <head><meta charset="utf-8">
        ...
    </head>
    <body>
        <noscript>You need to enable JavaScript to run this app.</noscript>
        <div id="ReactAppDiv"></div>
        <script type="text/javascript" src="/react/main.js"></script>
    </body>
</html>


...
您需要启用JavaScript才能运行此应用程序。

我不太确定这就是我想要的。我希望保持两个项目分开，所以我不想包括捆绑的文件在非反应的网站，如果可能的话。那么你正在考虑使用。。。不太可能。