使用 Asp.Net Web Api 实现 Angular 2答案

【问题标题】：Implementing Angular 2 with Asp.Net Web Api使用 Asp.Net Web Api 实现 Angular 2
【发布时间】：2016-04-29 04:59:25
【问题描述】：

有人可以帮助我了解如何使用 Asp.Net Web API 实现 Angular 2 吗？任何教程链接都会有所帮助。

在这方面几乎没有文档。

我确实实现了https://angular.io/docs/js/latest/quickstart.html

但它需要npm start 来启动对CommonJS 模块加载有用的节点服务器。我想使用 IIS 和 Web API。我可以使用 CommonJS 还是必须使用任何其他模块系统

如果我将 CommonJS 与 IIS 开发服务器一起使用，我会收到此错误：

在控制台中。当我开始使用 Node 服务器时，相同的链接工作正常。这意味着在生产服务器上我必须使用 Node 和 IIS 来实现 Web API？有什么方法可以让 Angular 2 仅与 IIS 一起使用，如果需要，可能会消除 CommonJS。任何使用 Asp.Net 的 Angular 2 教程都会有所帮助。

【问题讨论】：

看起来像github.com/angular/angular/issues/5999#issuecomment-173212596
重复stackoverflow.com/questions/34730010/… ?
@GünterZöchbauer：该评论对此答案无效。由于 OP 仍在使用 node.js，stackoverflow 链接也无效。我想使用没有节点的 IIS。

标签： asp.net angularjs node.js iis angular

【解决方案1】：

如果您想完全按照教程中的方式使用 SystemJS，则必须使用 SystemJS 作为您的模块系统。如果你想使用 CommonJS，请使用 Browserify 之类的东西。

【讨论】：

【解决方案2】：

您可以查看以下关于 Angular 2 和 Asp.net MVC with Web API 的文章。

https://www.codeproject.com/Articles/1181888/Angular-in-ASP-NET-MVC-Web-API

这是一个很好的但是这篇文章在中间使用了 Asp.Net MVC。您可以考虑删除 Asp.net mvc 部分并使用 Angular（客户端）和 Web api（服务器端）开发一个网站。

这是一个简单的例子。 https://github.com/thinktecture/apisummit-2016-angular2-webapi

另一方面，如果你想使用 IIS，那么你需要构建你的 Angular 项目 ng build --prod 并将 dist 文件夹移动到您的 IIS 网站文件夹中。请注意，您不需要 IIS 上的节点服务器，因为 nb build 将旧的 typescript 文件转换为 javascript 并获取其他静态文件（html、css、js 等）并准备部署到任何 Web 服务器像 IIS。

另一个示例角度（客户端）-Asp.Net Web API（服务器端） https://www.youtube.com/watch?v=AYgs0kLjTLE

【讨论】：