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

Question

我们对 Azure 应用服务非常陌生，需要帮助将基于窗口的 Web 应用程序部署到 Azure 门户。 Web 应用程序由以下部分组成:

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

所有这些解决方案都位于 Azure DevOps 存储库下。

截至今天，我们使用 Azure DevOps 构建/发布管道将应用程序部署到本地 IIS 服务器。我们有两条不同的管道。一个用于部署 Angular UI，另一个用于部署 Web API。

问题:

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

Answer 1

这里有几种常见的方法:

1. 将您的 Web API 部署到应用服务和 deploy your angular app to an azure storage account in a blob container 。然后，您可以通过 a custom domain 公开您的 blob 容器。或者你可以使用a function proxy做同样的事情(后者可以让您更好地控制路由和路由，例如，如果您想从其他地方提供静态资源或转换路由。

2. 向您的 API 添加一个简单的索引端点来为您的 Angular 前端提供服务，有 helpers在此框架内。

我建议查看选项 1，因为它更适合您所描述的内容，即您已经有两个部署管道和一个“纯”API，而不是 MVC 应用程序。

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