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

标签 angular azure

我们对 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 新手,我们想知道是否有人对如何实现这项工作有一些建议?我们不关心是否必须在单个部署或多个部署中进行。

最佳答案

这里有几种常见的方法:

  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。

关于angular - 在 Azure 的不同解决方案中部署 Angular 和 Web API?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61281931/

相关文章:

c# - Authorization_RequestDenied 获取组成员

azure - 通过数据工厂连接到 SAP Open Hub

javascript - 如何在 REST Web 服务中保留 javascript console.log(通过重载)?

javascript - 迁移到 Angular 2.0 和 BindToController

javascript - 如何在 javascript/Angular4+ 中用垂直线显示分层垂直数据?

c# - 如何使用Windows Azure实现URL重写?

asp.net - Azure 网站 : what are the gotchas?

sql - 基本还是标准?

angular - 未捕获( promise ): ChunkLoadError: Loading chunk xxx-xxx-module failed. Angular 9

typescript - Angular 2 - 手动实例化 (Http) 服务