Angular Full Stack

Angular Full Stack是一个使用真实后端和数据库的最新Angular的项目。从前端到后端，整个堆栈都在打字稿中，为您提供了整个堆栈中一种单一语言的代码的优势。

该项目使用平均堆栈：

• m ongoose.js（mongodb）：数据库
• e xpress.js：后端框架
• ngular 2+：前端框架
• n ode.js：运行时环境

使用的其他工具和技术：

• Angular CLI：前端脚手架
• Bootstrap：布局和样式
• 字体很棒：图标
• JSON Web令牌：用户身份验证
• Angular 2 JWT：Angular 2+的JWT助手
• bcrypt.js：密码加密

1. 安装node.js和mongodb
2. 安装Angular CLI： npm i -g @angular/cli
3. 从项目root文件夹中安装所有依赖项： npm i

npm run dev ：同时执行MongoDB，Angular Build，Typescript编译器和Express Server。

窗口将在Localhost：4200自动打开。正在监视角和快递文件。任何更改都会自动创建新的捆绑包，重新启动服务器并重新加载浏览器。

npm run prod ：在Local Host的生产捆绑包中运行该项目：3000

1. 构建前端： npm run build:dev用于prod的开发或npm run build
2. 构建后端： npm run predev
3. 运行MongoDB： mongod
4. 运行应用程序： npm start

1. sudo docker-compose up
2. 转到本地主机：3000

1. 在AWS上创建EC2 Linux机器
2. 编辑EC2安全组并添加TCP端口3000作为源0.0.0.0/0的入站规则
3. 克隆此存储库中的EC2机器
4. 如果使用远程mongoDB实例，请编辑.env文件
5. 运行npm ci
6. 运行npm run build
7. 运行npm start
8. 该应用程序现在正在运行和侦听端口3000
9. 现在，您可以访问AWS EC2的公共IP，然后访问端口，例如： 12.34.56.78:3000
10. 提示：使用PM2运行应用程序而不是npm start ，例如： pm2 start dist/server/app.js

• 您有任何建议可以改善该项目
• 您注意到任何问题或错误

运行ng test以通过业力执行前端单元测试。

运行npm run test:be通过JEST执行后端测试（它需要已经运行的mongod ）。

运行npm run lint以执行Angular Eslint，HTML linting和Sass linting。

要获得有关此项目的更多帮助，请访问官方Wiki。

要获得更多的帮助，请使用ng --help angular-cli help或查看Angular-CLI读数。

• Davide Violante