如何构建具有可靠后端的完全可扩展的SPA

Question

在过去的几周里,我一直在努力使用Angular,Node,TDD,Heroku,Amazon S3等.试图更好地了解如何构建具有坚固后端的完全可扩展的SPA,与grunt,bower,避风港合作还没有使用Jasmine在TDD中浸泡我的脚趾,虽然我知道如何通过Karma进行测试,这可能是我的下一步.

有一件事是肯定的:这是很多信息

---

关于使用所有这些技术的问题/理由.

首先,我玩了

• Angular App https://github.com/angular-app/angular-app
• NG Boilerplate https://github.com/joshdmiller/ng-boilerplate

并阅读了许多帖子等.

我发现NG Boilerplate是最符合逻辑的结构(就我对这些事情的理解而言).

作为一个演示项目(从一些非常小的东西演变而来)我想使用以下方法制作单页CRUD应用程序:

• NodeJS作为后端
• Express作为Web应用程序框架
• NG Boilerplate作为客户
• 该应用程序部署到Heroku
• MongoDB for DB
• Amazon S3用于动态存储

现在我想使用Angular-Apps的(https://github.com/angular-app/angular-app)服务器作为我的NGBoilerplate kickstarter的后端

我想知道如何:

• 从我看到客户端直接连接到MongoDB？
• 角客户端如何来回沟通表达？
• 我读了一篇有趣的文章http://www.espeo.pl/2012/02/26/authentication-in-angularjs-application与认证的工作方式有关.

---

Long Story Short,没有我提出大量问题,有人可以详细描述这样一个应用程序的工作流程吗？获取会话,登录,访问编辑内容,将快速路线绑定到角度路线(例如,管理员只能访问X路线)等.##

我脑子里有一个很大的模糊:).

Answer 1

我遇到过的最好的例子是 Angular-App。

它非常全面，可以满足您的所有需求。它是由《Mastering Web Application Development with AngularJS》这本书的作者之一编写的。

https://github.com/angular-app/angular-app

来自 github 存储库：

AngularJS CRUD 应用演示 目的

这个想法是演示如何使用 AngularJS 编写一个典型的、重要的 CRUD 应用程序。为了在最有利的环境中展示 AngularJS，我们开始编写一个简化的项目管理工具，支持使用 SCRUM 方法的团队。示例应用程序试图展示以下方面的最佳实践：文件夹结构、使用模块、测试、与 REST 后端通信、组织导航、解决安全问题（身份验证/授权）。

我们在邮件列表中使用和支持 AngularJS 时学到了很多东西，并愿意分享我们的经验。

堆

持久性存储：MongoLab 上托管的 MongoDB 后端：客户端上的 Node.js Awesome AngularJS CSS 基于 Twitter 的 bootstrap Build

它是一个完整的项目，具有专注于 AngularJS 应用程序的构建系统，并与 AngularJS 社区常用的其他工具紧密集成：

由 Grunt.js 提供支持 使用 Jasmine 语法编写的测试 测试由 Karma Test Runner（与 Grunt.js 构建集成）执行 构建支持 JS、CSS 和 AngularJS 模板缩小 Twitter 的引导程序，将 LESS 模板处理集成到构建中 Travis-CI 集成