在Azure App Service中部署前端和后端应用程序的最佳方法是什么?

问题描述

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

前端代码(Reactjs,Typescript)-1个单独的存储库,1个单独的管道,已成功部署在其他App Service URL中(但由于需要与后端进行通信而无法访问) )

管道任务(npm安装,npm运行构建,发布构建工件)

后端代码(Nodejs)-已部署1个单独的存储库,1个单独的管道,但不能在其他App Service URL中工作

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

我创建的那两个App Services(类型:Web App)具有相同的App Service计划。现在我不知道当前端代码调用后端时后端将如何运行。

我做对了吗?或者您不知道后端将如何在后台运行?

解决方法

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

通常我们要做的是:

  1. 在单独的应用程序服务上部署前端应用程序,进行反应,开发角度等。
  2. ,另外一个应用程序服务上的nodejs应用程序。
  3. 然后,从前端调用nodejs应用程序的api。

或者,

我们使用gulp文件在同一台服务器上设置并运行客户端和服务器,然后将该项目部署到应用程序服务上。在这种情况下,就不会进行跨站点通信。这是最可取的。