部署 Web API 和 Angular

Posted 2023-03-27

【中文标题】部署 Web API 和 Angular

【英文标题】：Deploying Web API and Angular

【发布时间】：2022-01-06 23:14:56

【问题描述】：

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

提前致谢

【问题讨论】：

你是如何部署你的 Angular 应用和 webapi 的，Angular 应用是转到存储帐户，而 webapi 是转到应用服务吗？

看起来您将 API 和 Angular 部署到了两个应用服务。并且您想找到一种解决方案来将 API 和 Angular 部署到一个应用服务。

【参考方案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 的步骤：

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

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

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

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

选择您的订阅和资源组

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

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

点击确定，完成。

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

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