如何在同一个项目中创建具有 Angular7 + WebAPI + AzureAD 的 .NET Core 应用程序

Posted 2023-03-27

【中文标题】如何在同一个项目中创建具有 Angular7 + WebAPI + AzureAD 的 .NET Core 应用程序

【英文标题】：How to create a .NET Core Application having Angular7 + WebAPI + AzureAD in the same project

【发布时间】：2019-12-01 08:53:14

【问题描述】：

在 Visual Studio 2017 中，我知道如何创建一个

.NET Core 中单独的 Angular5 解决方案 WebAPI 解决方案单独 在 .NET Core 中

我正在努力解决的是如何创建一个以 Angular7 作为客户端应用程序和内部 WebAPI 的项目。

任何帮助将不胜感激。

【参考方案1】：

有很多指南可用于将 .NET Core WebAPI 和 Angular 集成到一个项目中。 Visual Studio 中还包含一个 Angular 模板。从模板创建项目后，您可以将 Angular 版本升级到 7。集成它们的关键是在 Startup.cs 中设置 Angular 应用程序的路径：

public void ConfigureServices(IServiceCollection services)

    services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);

    // In production, the Angular files will be served from this directory
    services.AddSpaStaticFiles(configuration =>
    
        configuration.RootPath = "ClientApp/dist";
    );

这方面的指南只有几个选项：

https://neelbhatt.com/2018/12/09/angular-7-spa-crud-with-asp-net-core-and-entity-framework-core/ https://dzone.com/articles/creating-an-angular-7-app-with-aspnet-core-a-step-1 https://www.djamware.com/post/5cc6624980aca754f7a9d1f3/asp-net-core-sql-server-and-angular-7-web-app-authentication（这个使用forms auth） https://www.briankeating.net/post/Azure-AD-Angular7-net-Core-22-ADAL（包括 AAD 设置代码）