详细解释Angular2在ASP.NET核心和令牌基础认证中的使用

Angular2是Angular1的彻底和破坏性更新。

与Angular1.x相比，唯一的区别是它在任何地方都不一样。

首先推荐的语言不再是Javascript，而是TypeScript (TypeScript=ES6类型系统类型注释)。TypeScript的类型系统对于开发复杂的单页Web app非常有帮助，编译成javascript后的执行效率比大多数手写javascript都要快。感兴趣的同学可以查阅官方文档：英文门户|中文门户。

得益于彻底的重构，性能相比Angular1.x有了很大的提升，更适合全平台部署。

Angular 2基于Component，可以理解为1.x时代的Controller $Scope视图

“查看”的许多语法也已更新，例如Li ng-repeat=“VM . movies中的电影”/li已更改为li *ngFor=“让电影成为电影”/Li

关于Angular2，强烈建议查阅官方文档：英文门户|中文门户

注意：本文属于分步代码示例教程，篇幅较长。建议下载此示例，并根据本文的进度自行重复此示例。下载完整的代码并分析代码结构是有意义的。下载地址：如何使用ASP.NET核心网络应用编程接口授权Angular 2应用

1.初步准备

建议使用VS2015 Update3或更高版本来完成此示例。下载地址：//www . JB 51 . net/soft JC/446184 . html

您需要安装。NET Core开发环境，提供VS版本：//www . JB 51 . NET/softs/472362 . html。

安装node . js 5 . 0 . 0版或更高版本(在本例中，这主要用于编译TypeScript)。下载地址：Node.js和NPM

对于NPM 3.0.0或更高版本，默认的NPM将与Node.js一起安装(在本例中，这主要用于下载各种Angular软件包，请参考VS中的Nuget)

2.创建项目

在VS中，新建一个项目。项目类型是ASP.NET核心web应用程序(。net core)，输入项目名称为CSAuthorAngular2InASPNetCore，模板为空。

3.将Angular2集成到项目中

3.1.配置启动

注意：添加以下代码时，IDE会报告一个代码错误，因为对应的包还没有被引用。转到错误报告行，单击灯泡并加载相应的包。

(图形无关)

将以下代码添加到配置服务中

服务。AddMvc()；这里是添加MVC服务

将以下代码添加到配置中

app。UseStaticFiles()；app。UseMvc(routes={ routes。MapRoute(name: 'default '，template: ' {控制器=Home }/{操作=Index } ')；});第一句话是启用静态文件，第二句话是应用MVC模式，增加路由配置。

完整的代码应该如下所示

公共类Startup{ //此方法由运行时调用。使用此方法向容器添加服务。//有关如何配置应用程序的更多信息，请访问http://go.microsoft.com/fwlink/? LinkID=398940 public void ConfigureServices(IServiceCollection services){ services。AddMvc()；} //此方法由运行时调用。使用此方法配置HTTP请求管道。公共空间配置(应用程序构建器应用程序，IHostingEnvironment e