在 Azure 上使用 angular 应用程序部署 Web API2.0

Deploying an Web API2.0 with angular application on azure

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

现在我们想使用 iis 服务在 azure VM 上部署此应用程序，我们对此经验不多。

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

提前致谢

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

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

正在将 asp.net Web 应用程序从 visual studio 部署到 Azure

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

SelectAzure 然后单击下一步

SelectAzure 应用服务并单击“下一步”

点击 + 号

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

  • Select 您的订阅和资源组

  • 终于 select 您的托管计划。如果您想使用免费托管计划。点击
    theNewlink

  • 提供托管计划的名称、位置和大小。大小决定了您支付的费用和获得的功能。我已经 select编辑了免费定价层以供说明

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

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

  • 点击确定完成。

几分钟后，您的应用程序将部署到 Azure，您可以使用 URL

访问它