node.js - 在 Azure 应用服务中部署前端和后端应用程序的最佳方法是什么？

Question

我们正在分别使用 Reactjs 开发前端应用程序和使用 Nodejs 开发后端应用程序，但我不太熟悉 Azure 应用服务后端的部署工作方式。我已经成功部署了前端，现在它已在应用程序服务 URL 中启动并运行，但我不确定如何处理后端。我们的前端和后端代码位于两个不同的存储库中，并且有两个不同的管道。以下是更多详细信息:

前端代码(Reactjs、Typescript) - 1 个单独的存储库、1 个单独的管道，已成功部署在不同的应用服务 URL 中(但我的访问被拒绝，因为它需要与后端通信)

管道任务(npm install、npm run build、发布构建工件)

后端代码 (Nodejs) - 1 个单独的存储库、1 个单独的管道，已部署但无法在不同的应用服务 URL 中工作

管道任务(npm 安装、存档文件、发布构建工件)

我创建的这两个应用服务(类型:Web 应用)具有相同的应用服务计划。现在我不知道当我们的前端代码调用后端时，后端将如何运行。

我做得正确吗？或者你知道我的后端将如何在后台运行吗？

Answer 1

尝试在您的nodejs后端app.js文件中使用cors，这可能是阻止前端应用程序访问后端的原因。

一般我们做的是:

1. 在单独的应用服务上部署前端应用、React、Angular 等。
2. 并且，nodejs 应用程序位于不同的应用服务上。
3. 并且，从前端调用nodejs应用程序的api。

或者，

我们使用 gulp 文件在同一服务器上设置并运行客户端和服务器，并将该项目部署在应用服务上。在这种情况下，就没有跨站点通信。这是最优选的一个。