在 azure 上使用 Angular 应用程序部署 Web API2.0

Posted 2023-04-13

【中文标题】在 azure 上使用 Angular 应用程序部署 Web API2.0

【英文标题】：Deploying an Web API2.0 with angular application on azure

【发布时间】：2021-05-28 12:39:44

【问题描述】：

我们使用 Web API 2.0 和 Angular 9 作为前端创建了项目。

现在我们想使用 iis 服务在 azure VM 上部署这个应用程序，我们在这方面没有太多经验。

如有任何帮助，我们将不胜感激。

提前谢谢你

【参考方案1】：

按照以下步骤将 Web API 和 UI 发布到 Azure：

创建 Azure 帐户步骤 您应该订阅了您的 Azure 帐户 添加要部署到 API 的应用服务 为要发布的 UI 创建一个 Web 应用程序 如果您的 API 中有数据库连接，则需要添加 Azure SQL DB 在第 3 步和第 4 步中，您将获得单独的发布 URL

将 asp.net Web 应用程序从 Visual Studio 部署到 Azure

在解决方案资源管理器中，右键单击 Web 应用程序项目并单击发布

选择 Azure 并单击下一步

选择Azure App Service并点击下一步

点击+号

为应用服务提供名称。这是用于访问 Web 应用程序的名称

选择您的订阅和资源组

最后选择您的托管计划。如果您想使用免费托管计划。点击 新链接

提供托管计划的名称、位置和大小。大小决定了您支付的费用和获得的功能。我选择了 Freepricing 层进行说明

请记住，要在 Azure 中托管 Web 应用程序，我们需要应用服务和应用服务计划

现在我们从 Visual Studio 中创建它们（应用服务和应用服务计划），而不是通过 azure 门户。

点击确定，完成。

几分钟后，您的应用将部署到 Azure，您可以使用 URL 访问它

【讨论】：

谢谢你这有帮助，但我怎样才能使用 WEB APi 发布角度代码