如何指定端口以在 Azure Web 应用程序中运行多个 ReactJS 应用程序？答案

【问题标题】：How to specify ports to run multiple ReactJS app in Azure web app?如何指定端口以在 Azure Web 应用程序中运行多个 ReactJS 应用程序？
【发布时间】：2019-05-29 10:41:45
【问题描述】：

要求 - 一个 URL (https://.azurewebsites.net) - index.html 页面包含 2 个到 localhost:xxx1 的链接（href）和本地主机：xxx2 - localhosts xxx1 和 xxx2 是两个不同的 ReactJS 应用程序

根据this 帖子配置 package.json。 “端口=xxx1 ...”。但是，当我在 app1 的文件夹中运行 yarn build 后单击 app1 链接时，请求超时。我错过了什么？

【问题讨论】：

我可能是错的，但我相信 azure web 应用只打开了 80 和 443（以及一些调试器端口）

标签： reactjs azure azure-web-app-service yarnpkg portforwarding

【解决方案1】：

不确定您要选择哪些端口，但是... Azure Web Apps 仅支持端口 80 和 443。如果您需要其他端口，则需要选择不同的端口来托管您的应用程序（例如容器、虚拟机），或将您的应用程序分成独立的网络应用程序，每个应用程序都可以在 80/443 上监听。

注意：多个网络应用可以共享同一个应用服务计划，因此拥有多个网络应用不一定会影响成本。

【讨论】：

当我读到你的答案时我崩溃了，记得以前在某个地方读过它，查了一下，又是你哈哈。好东西。 serverfault.com/questions/751504/…
@JosephBisaillon - 哇 - 良好的记忆力（和良好的侦探:)）。我忘了我在 ServerFault 上发布过它。
@DavidMakogon 谢谢！！似乎我最终必须选择VM选项。肯定会欢迎任何可能的替代方法来实现这一点，例如一个包含较小反应应用的反应应用。
@Anup - 就像我在回答中所说的那样，您可以将您的应用程序拆分为多个“网络应用程序”（然后每个应用程序都有自己的 URL 并可以直接监听端口 443 或 80），而无需对于虚拟机。最终，使用 VM 或 Web 应用程序的决定取决于您托管应用程序的方式（甚至是拥有自己服务的容器）。还有许多其他方法可以构建您的应用，但这里的主题过于宽泛（并导致冗长的讨论，这里不支持某些内容）。
出于这个原因使用虚拟机似乎真的有点矫枉过正。