在 Azure 的不同解决方案中部署 Angular 和 Web API？


Deploy Angular and Web API in different solutions to Azure?

我们对 Azure 应用服务非常陌生，需要帮助将基于窗口的 Web 应用程序部署到 Azure 门户。 Web 应用程序包含以下内容：

  • Angular 9 SPA UI 在其自己的解决方案项目中
  • Web API .NET EF Core 3.1 在自己的项目中的解决方案
  • 作为存储的 SQL 数据库

    • 所有这些解决方案都在 Azure DevOps 存储库中。

    截至今天，我们使用 Azure DevOps Build/Release 管道将应用程序部署到 IIS Server on Prem。我们有 2 条不同的管道。一个用于部署 Angular UI，另一个用于部署 Web API。

    问题：

    我们想将我们的应用程序迁移到 Azure 门户。数据中心为 Linux 上的 Web App 创建了一个 App Service 容器，但我们不知道如何设置配置，以便我们可以在 2 个单独的部署中部署 API 和 UI。换句话说，我们想要复制我们现有的流程。由于我们所有人都是 Azure 的新手，我们想知道是否有人对如何使这项工作有一些建议？我们不关心我们是否必须在单个部署或多个部署中进行。

    这里有几种常见的方法：

  • 将 Web API 部署到应用服务，并将 Angular 应用部署到 blob 容器中的 Azure 存储帐户。然后，您可以通过自定义域公开您的 blob 容器，或者您可以使用函数代理来做同样的事情(后者可以让您更好地控制路由和路由，例如，如果您想从其他地方提供静态资产或转换路由.

  • 向您的 API 添加一个简单的索引端点，为您的 Angular 前端提供服务，框架中有帮助程序。

    • Ia€?d 建议查看选项 1，因为它更适合您所描述的内容，即您已经有两个部署管道和一个纯属？ API 不是 MVC 应用程序。

    我假设你已经创建/部署了你的 SQL 数据库到 azure SQL。

    相关讨论