mean - MongoDB、Express.js、Angular2、node.js（后端设置和边界）答案

【问题标题】：mean - MongoDB, Express.js, Angular2, node.js (backend setup and boundaries)mean - MongoDB、Express.js、Angular2、node.js（后端设置和边界）
【发布时间】：2017-08-17 17:43:00
【问题描述】：

我有一个基本问题，框架和平台 Angular 2 和 Express.js 在“平均”方法中如何协同工作以及客户端之间的界限在哪里和服务器端。

在阅读了有关该主题的大量内容后，我了解到，通过调用网站 (SPA) 的基本 URL，Angular2 应用程序将完全作为包发送到客户端（浏览器），其中（角度逻辑）将动态更改定义的客户端浏览器中的 javascript 视图。

我还创建了一个带有一些组件、路由和服务的 angular2 SPA。

现在我有一个关于后端的一般性问题。

我想在node.js的基础上用express.js框架创建一个后端。

-我必须如何在 express.js 后端应用程序中设置整个 Angular2（前端）应用程序，因为 express.js 也是基于 MVC 的？

-angular (MVVC) 和 express.js (MVC) 的模型和视图之间的界限在哪里，它们在哪里一起发挥作用？

如果有人能说出与这个特定主题相关的参考资料、教程或相关内容，那就太好了。

提前致谢。

【问题讨论】：

标签： node.js angular express

【解决方案1】：

关于 MEAN 堆栈，Express.js 不是用作 MVC，但 Angular 是。 Express.js 用作中间件/框架，可以帮助您快速构建 API，而不是使用 Node.js 编写（Express.js 是 Node.js 的框架）。

你在这里说的：

调用网站的基本 URL (SPA)，Angular2 应用程序将作为包完全发送到客户端（浏览器），其中（角度逻辑）将按照定义通过客户端浏览器中的 javascript 动态更改视图

完全正确，Angular 2 将充当 MVC，在浏览器中，客户端将动态更改视图。 Express.js 将帮助您定义“基本 URL”，即 localhost:8000/ 以及您所描述的“包”被发送到客户端。这个“包”是你的整个 Angular 应用程序。

我最喜欢的教程之一来自 Scotch.io，虽然它是 Angular 1.x，但它仍然有助于构建任何 MEAN 堆栈应用程序。

https://scotch.io/tutorials/creating-a-single-page-todo-app-with-node-and-angular

线

app.use(express.static(__dirname + '/public'));

告诉应用程序在哪里可以找到所有 JS/CSS/HTML 文件，或者在您的情况下，您的 Angular 应用程序。（确保您的 Angular 应用程序位于上面列出的相对于您的 Express/Node.js 应用程序的目录中）

希望这会有所帮助！

【讨论】：

非常感谢您的有用回答！现在这种方法更加清晰，我将研究您命名的教程。这意味着我可以参考 angulars index.html 在 express.js（公共）的定义文件夹中安装我的整个 angular2 应用程序和 node_modules 和 package.json 的其他依赖项？ express.js 的所有其他节点模块和依赖项我安装在服务器端应用程序的父文件夹上（它主要作为 api 用于与 db 连接的 angular 以及可能用于其他 web 服务调用），它们的文件夹结构将比 express 时少得多。 js 充当 MVC。
有几种方法可以管理依赖项，我为我的 Angular 应用程序执行此操作的一种方法是通过 CDN 并在我的 index.html 中引用它们，另一种方法是使用 Bower 包管理器。您可以将 node_modules 用于 Angular 和 Express，但并非所有 NPM 包都可以在 index.html 中轻松引用。 NPM 包对 Node.js 和 Express.js 更友好。您将希望不再将 Express.js 视为 MVC，而是更多地帮助将 (M) 模型引入您的 Angular 应用程序。