使用带有 express-node js api 的 Angular 2 应用程序答案

【问题标题】：using Angular 2 application with express-node js api使用带有 express-node js api 的 Angular 2 应用程序
【发布时间】：2016-10-25 15:27:50
【问题描述】：

您好，我正在尝试了解 Angular JS v2 的安装。我已经阅读了很多教程，现在我很困惑有些人正在使用 webpack 创建服务器并使用应用程序，在某些示例中，他们使用生成器，然后所有生成的文件都在 TypeScript 中。

我只想使用 Angular JS 作为前端并将应用程序表达为 API (RESTFUL)，但我不知道如何配置它。我是否必须为它创建两个不同的服务器，或者我可以使用相同的快速服务器来服务 angular 2 应用程序的 index.html。请提供您的建议、任何教程链接或我应该深入研究的任何方向。任何帮助将不胜感激。

谢谢

【问题讨论】：

您可以查看我们的文档部分以获取 express/angular2 入门指南：stackoverflow.com/documentation/angular2/789/…

标签： node.js angular express frontend

【解决方案1】：

您需要一个运行 Angular2 的前端服务器和一个您的前端向其发出 HTTP 请求的 NodeJS 后端服务器。

要启动并运行 Angular2 服务器，请使用 Angular2 快速入门项目（在整个 Angular2 文档中都有提及）或使用 Angular CLI（这是一个 npm 包）。 Angular2 文档使用 SystemJS。 Angular CLI 使用 Webpack。

对于您的后端服务器，使用 expressJS（另一个 npm 包）。

你的第一步是安装 NodeJS !!! :)

【讨论】：

如何在本地主机上运行两个服务器。我可以在 localhost 的应用程序的 api.localhost 中定义 api 服务器吗？我听说过 npm 包 vhosts，但我还不能配置它。我也可以在 express 应用中使用 angular2 作为视图吗？
不，您将 express 作为后端服务器运行，它不会运行 angular2。您自己运行 angular2 作为前端服务器。使用 angular2 快速入门。然后自己开始快递。然后从 angular2 发出请求以通过 HTTP 表达。 angular2 服务器和 express 服务器在不同端口的 localhost 上运行。