ADAL、Angular 和 WEB API 策略
ADAL, Angular and WEB API strategy
我是一名微软开发人员。使用 Azure AD 身份验证创建 ASP.NET 应用程序非常简单。使用 Vue（作为示例）的传统多页面应用程序可以在两分钟内创建（通过使用 Visual Studio 中的身份验证向导）。然而，观看一些 Angular 和 NPM 视频时，我喜欢 CLI/npm 方法。因此，我决定使用 ADAL.js、ASP.NET Core API 和 Angular 6（部署到 Azure Web 应用程序）构建我的下一个项目。但我一直未能成功，只是遇到了复杂性和问题。
这三种技术的组合只是一个糟糕的组合，Visual Studio 不适合 SPA，还是我刚开始不好？关于良好设置的任何建议？我正在考虑将 API 和前端拆分为两个应用程序，这样我就可以使用干净的 Angular 而不必担心谁在构建 TypeScript（VS 或 Node）等。但是我需要两个 web应用程序，并且不得不担心 CORS。这里有什么建议，什么是好的入门设置？
我关注了很多文章，例如：
http://www.talkingdotnet.com/how-to-create-an-angular-6-app-with-visual-studio-2017/
https://www.npmjs.com/package/microsoft-adal-angular6
但他们都有问题。
请参阅此 Microsoft 发布的 GitHub 示例。此示例演示如何使用 JavaScript 的 ADAL 来保护基于 AngularJS 的单页应用程序，使用 ASP.NET Web API 后端实现，调用另一个 ASP.NET网络 API 使用 CORS。
Call an Azure AD protected Web API in an AngularJS Single Page App
我是一名微软开发人员。使用 Azure AD 身份验证创建 ASP.NET 应用程序非常简单。使用 Vue（作为示例）的传统多页面应用程序可以在两分钟内创建（通过使用 Visual Studio 中的身份验证向导）。然而，观看一些 Angular 和 NPM 视频时，我喜欢 CLI/npm 方法。因此，我决定使用 ADAL.js、ASP.NET Core API 和 Angular 6（部署到 Azure Web 应用程序）构建我的下一个项目。但我一直未能成功，只是遇到了复杂性和问题。
这三种技术的组合只是一个糟糕的组合，Visual Studio 不适合 SPA，还是我刚开始不好？关于良好设置的任何建议？我正在考虑将 API 和前端拆分为两个应用程序，这样我就可以使用干净的 Angular 而不必担心谁在构建 TypeScript（VS 或 Node）等。但是我需要两个 web应用程序，并且不得不担心 CORS。这里有什么建议，什么是好的入门设置？
我关注了很多文章，例如： http://www.talkingdotnet.com/how-to-create-an-angular-6-app-with-visual-studio-2017/ https://www.npmjs.com/package/microsoft-adal-angular6
但他们都有问题。
请参阅此 Microsoft 发布的 GitHub 示例。此示例演示如何使用 JavaScript 的 ADAL 来保护基于 AngularJS 的单页应用程序，使用 ASP.NET Web API 后端实现，调用另一个 ASP.NET网络 API 使用 CORS。
Call an Azure AD protected Web API in an AngularJS Single Page App