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

Question

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

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

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

提前谢谢你

Answer 1

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

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

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

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

选择 Azure 并单击下一步

选择Azure App Service并点击下一步

点击+号

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

• 选择您的订阅和资源组

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

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

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

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

• 点击确定，完成。

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