Reactjs 如何在一台服务器上托管多个html5游戏？ 要求

我正在寻找一个包含多个html5游戏的网站。 类似于，或任何其他网络游戏平台

我的理解 我浏览了他们的（Poki Games）网站，发现网站上以网格形式列出了多个html5游戏图标。点击任何一个游戏图标，网站开始从iframe中的外部源加载特定游戏

我需要什么答案 我想知道他们是如何从另一个领域服务多个html5游戏的。由于每个游戏都加载在iFrame中，我知道它们都有自己的index.html

如何实现同样的目标，我应该采取什么方法？所以如果我这样做了

<iframe src="//another.domain.com/randomHtml5Game_1">  // will load randomHtml5Game1 game
<iframe src="//another.domain.com/randomHtml5Game_2">  // will load randomHtml5Game2 game

//将随机加载HTML5Game1游戏
//将随机加载HTML5Game2游戏

我的技能

---

我主要是一个前端开发人员，有在heroku托管的经验。也有一些使用firebase的经验。我将使用React和phaser进行开发。

根据我对您问题的理解，答案非常简单

只需使用代码拆分和不同的渲染点

我们将有我们的主页与各种链接到其他网页（图像网格）。单击图像时，它会更改路径

www.domain.com/game1
www.domain.com/game2
www.domain.com/game3

您将需要使用各种不同的方式对路由进行代码拆分。您可以使用webpack或NextJS（更简单的框架），或者如果您只使用createreact应用程序，则只需使用suspend和lazyload

在特定的路径上，它将加载html和javascript并运行游戏

我猜这不是你想要的答案，但这是一个开始

让我知道你的想法

---

Daniel

Firebase支持使用单个项目托管多个站点/域。 您可以将每个游戏分离到一个文件夹中，并使用不同的域分别托管每个游戏

你可以找到更多关于它的信息

例如，我在部署Web应用程序时使用此选项。一个域是app.appname.com之类的应用程序，然后另一个域是登录页，如果该项目作为REST API，我将在API.appname.com下托管它。在我的例子中，我只是使用不同的前缀，但整个域和url可能会不同

---

好处是，如果您使用其他Firebase功能，您可以在所有这些项目之间共享它们。例如身份验证或数据库。

真是巧合！，我在看nextJS的视频。我会试试看它是否符合我的目的。这也有帮助。我使用的方法是Gadd和您的答案的结合。感谢您让我了解firebase的这一功能