如何在 Azure 函数上运行 ReactJS 应用程序？答案

【问题标题】：How to run ReactJS app on Azure function?如何在 Azure 函数上运行 ReactJS 应用程序？
【发布时间】：2019-06-29 12:09:22
【问题描述】：

我创建了一个 Azure 函数并在其上部署了我的构建 ReactJS 应用程序：

我可以在我的/wwwroot 文件夹中找到所有文件：

当我访问我看到的 URL 时：

我需要做什么才能在 Azure Function 上运行我的 React 应用程序？

【问题讨论】：

【解决方案1】：

我猜您的目标是以无服务器方式运行静态网站。虽然serve files from Functions 是可能的，但更好的方法是将网站文件存储在 Blob Storage static website hosting 中。参考架构是可用的from Microsoft's documentation。

This video 解释了如何创建管道以将文件部署到 Blob 存储。

然后您可以将函数用作proxy to the files in Storage。

【讨论】：

感谢您的解释。快速的问题。我不想运行静态网站，我想运行需要 NodeJS 的 ReactJS 应用程序。你认为这可能吗？
嗯，React 不需要 Node。您需要后端吗？
@PeterBoomsma “静态网站”在此上下文中是指托管浏览器运行 ReactJS 应用程序所需的静态文件（例如，您的 webpack 包和 index.html）。如果您不需要自定义 NodeJS 后端，您应该按照@csharprocks 的建议（根据 MS 指南）将静态文件托管在 blob 存储中，并使用 AZ 函数来托管您的 API，您的 ReactJS 前端将调用该 API。如果您正在使用 SSR，或者需要自定义 NodeJS 后端（例如使用 Express），您应该使用应用服务而不是 AZ 函数。