部署 Web API 和 Angular

Question

我有两个用于 web api 和 angular 的 azure 部署 URL。我可以有一个 URL 将两个 URL 部署在一个中吗？

提前致谢

Answer 1

我建议您将 Angular 应用程序移至 Azure 存储静态网站 服务。部署起来会非常简单，而且资源使用率（I/O、CPU、内存等）也应该更低。

• Static website hosting in Azure Storage
• Static websites on Azure Storage now generally available

查看Separating production and development HTTP URLs using environment.ts file in Angular，了解如何传递您的 API 的 URL，并为不同的环境管理不同的 URL。

或

将 Web API 和 Angular 发布到 Azure 的步骤：

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

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

在解决方案资源管理器中，右键单击Web应用程序项目并单击发布-->选择Azure-->单击下一步-->选择Azure应用服务并单击下一步-->单击+号

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

• 选择您的订阅和资源组

• 最后选择您的托管计划。点击
  新链接

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

• 点击确定，完成。

• 您的应用将部署到 Azure，您可以使用 URL 访问它

更多详情请参考Angular + .NET Core和SO。