如何将Express和节点安装到现有的仅支持Angular 2的前端？

我目前只有使用Angular-CLI和NPM的前端Angular 2应用程序。 我希望游客能够通过联系表格向我发送电子邮件。

为此，我显然需要一个后端，expression和节点，我没有使用经验。

我需要整合快递和节点到我的应用程序，但我不知道如何正确地做到这一点。

我发现了这个类似的问题，但与我的情况无关。

其他教程只展示了如何在构build前端之后搭build一个MEAN栈应用程序而不是整合后端。

我想知道的是 ：

• 我如何设置我的Angular 2应用程序使用Express和节点作为后端？
• 我需要什么相关文件？
• 我可以通过使用Angular-CLI来做到这一点吗？

Answer 1

设置使用angular-cli构build的使用nodejs / express后端的项目的最佳方法是简单地创build一个提供目录的快速项目。 在你的客户端项目中，如果它是使用angular-cli创build的，那么你应该能够直接inputng build ，然后将所有东西都编译成一个dist目录。

从那里，你可以创build一个快递服务器，像这样提供dist目录：

 app.get('*', (req, res) => { res.sendFile(path.join(__dirname, 'dist/index.html')); }); 

你可以build立的最简单的服务器可能类似

 var express = require('express') var app = express() app.get('*', (req, res) => { res.sendFile(path.join(__dirname, 'dist/index.html')); }); app.listen(3000, function () { console.log('Example app listening on port 3000!') }); 

这将拦截所有路线并将其redirect到创build的dist/文件夹中的index.html文件。

有关如何设置和更高级设置的更多信息，请查看以下链接：

• http://expressjs.com/en/starter/installing.html
• https://scotch.io/tutorials/mean-app-with-angular-2-and-the-angular-cli

只要考虑dist/文件夹作为静态文件，将通过快速服务器，因为路由和一切都是通过angular处理，你将被设置。