现有 nodejs 应用程序上的 Angular2 页面答案

【问题标题】：Angular2 page on an existing nodejs app现有 nodejs 应用程序上的 Angular2 页面
【发布时间】：2017-03-16 07:19:45
【问题描述】：

我有一个小网站，目前在 nodejs 平台上运行。它使用 nodejs 进行路由和其他服务器端逻辑，使用 jquery 进行前端。我想为我尚未构建的网站中的页面引入 Angular 2。有可能这样做吗？我不是在寻找有关如何执行此操作的详细步骤，而只是想知道它是否真的可能并且是否值得这样做？提前感谢您的帮助。

【问题讨论】：

您要替换整个网站还是在特定路线上打开 angular2 应用程序？好吧，这两种情况都是可行的，只是您必须在该路线上呈现 angular2 应用程序的 index.html
不是整个网站。就是我计划开发的那条新路线。好的，我明白你的意思。只需在该路由上渲染 index.html，index.html 将遵循 angular2 渲染页面的方法。您可以在 package.json 文件中提供任何输入。如您所知，我的应用程序已经有一个 package.json，我应该为这个特定路线创建另一个，还是可以将角度依赖项添加到现有的？
您不需要在 package.json 中添加角度依赖项，只需构建 angular2 应用程序，它将为您的生产生成 dist 目录，将全部内容上传到您的服务器并使用 express 或 http 服务器，无论您使用什么在 nodejs 中创建一个路由并渲染 dist 里面的 index.html 就是它，不要忘记更改 index.html 的关于你的路由的基本 href
感谢您帮助我。当我构建一个角度应用程序时，它不会自己创建自己的 package.json 和 typings.json 文件吗？我如何分离或与我当前的 nodejs 文件夹结构集成？我正在使用快递是的。抱歉，我最初的问题只是是或否，但现在我要提出更多问题，因为它是 :)
哦，你是说，将这个新页面作为单独的 Angular2 应用程序保存在不同的文件夹中，并从 nodejs 应用程序文件夹中调用 index.html？

标签： node.js angular

【解决方案1】：

你绝对可以做到。您唯一需要做的就是确保 NodeJS 为您的 Angular 2 SAP 的 index.html 文件提供服务。从那里开始，一切都基于您的前端架构以及您希望如何在 SAP 上设计导航。

关于长期发展，我唯一担心的是在 Angular 2 中使用 jquery。Angular 2 是用 typescript 编写的（据我所知），您还将把它带到 jquery 中，这将增加复杂性和混乱。

一个好的开发实践是将 jquery 排除在 AngularJS 或 Angular 2 之外，而您可以使用 Angular 指令。当然学习曲线更大，但你一定会从中受益。

如何将angular2和nodejs放在一起 http://thejackalofjavascript.com/developing-a-mean-app-with-angular-2-0/

如何构建项目的主要结构 https://github.com/angular/angular-cli

自动化您的项目 https://scotch.io/tutorials/automate-your-tasks-easily-with-gulp-js

资源页面取自这里的另一个答案：

Angular2 and NodeJs

希望这会有所帮助。

编辑：保持当前页面的路由不变，并将新页面视为单页面应用程序，您可能必须为其构建单独的 api 端点以向它们提供资源（用户详细信息等）。

【讨论】：

谢谢，就像我在上面问@Babar Bilal，所以，这将是两个并行运行的应用程序。 angular2 应用程序中的 index.html 将从 nodejs 应用程序调用正确吗？
是的。您将拥有当前拥有的主要网站页面和使用 nodejs 的新 Angular 2 应用程序，只是为它们提供 index.html
好的，这有帮助。在部署到生产环境时，我会再次部署这两个应用程序（我正在使用 Heroku）并保持两个应用程序同时正确运行？
只要你部署了 nodejs 应用程序并且它提供了你的 Angular2 SAP 的 index.html 你应该没问题。从链接中查看这些示例。我认为您需要清除一些术语。前端代码并没有真正运行，只有 nodejs 服务器在运行。阅读更多教程以确保您了解所有内容
是的@SamT 我来自移动设备，无法为您提供有用的链接，祝你好运:)