使用Angular 2(+)和Node / Express服务器

时间:2017-06-21 12:41:56

标签: node.js angular express typescript

我正在寻找像这样的项目的最佳实践:

  • 使用TypeScript
  • 编写的Angular 2(4)客户端
  • 节点/快速后端也是用TypeScript
  • 编写的
  • 客户端和服务器代码使用的一些共享(TypeScript)模型。

客户端/服务器/共享应该分成3个节点项目吗? 或者是否可以将所有东西放在一个地方,可以使用哪些工具/配置来实现这一目标?

2 个答案:

答案 0 :(得分:3)

通常,您需要两个用于客户端源文件和服务器文件的文件夹,但是对于您的共享部分,最好将它们保存在三个单独的文件夹中以供以后组织。如果这只是您的首选路线,那么绝对可以将所有内容保存在一个地方。我强烈建议从github中查看几个节点/快速角形锅炉板,例如......

Angular 2 Express Starter(有角度的2节点表达)

Angular Universal Starter(角度4节点)

Angular MEAN Boilerplate(有角度的2/4节点表示mongodb)

了解其他人如何共同设置这些项目。它们也是您未来任何项目的重要基础。

答案 1 :(得分:0)

您可以为项目创建一个存储库,然后创建clientserver目录,如下所示:

server/
|- src/
|- package.json
|- tsconfig.json
|- gulpfile.js
client/
|- src/
|- package.json
|- tsconfig.json
|- .angular-cli.json

对于服务器端,您需要安装以下模块:

npm install --save express socket.io @types/express @types/socket.io

您可以使用typescript

轻松地将一些构建任务与gulp代码集成
npm install --save-dev typescript gulp gulp-typescript

对于客户端,使用Angular CLI生成项目。

您可以使用Socket.io,Node.js和Angular here

查看完全使用Typescript编写的聊天应用程序的源代码。