我们正在寻找构建我们正在创建的应用程序前端的选项,并正在尝试评估一种对我们有用并为我们提供前进的最佳平台的工具。
这是一个 Node.js 项目。我们最初的计划是使用 Express 并沿着这条路线走,但我们决定在我们开始这个阶段之前最好先回顾一下那里有什么。我们的应用程序有几个我们认为不适合单页模型的区域,因为它们从应用程序的角度来看是相关的,但不是从视图的角度来看。
我们已经看到了一些可以用来构建客户端的框架,例如 Backbone.js、Meteor 等,还有 AngularJS。
这可能是一个相当明显的问题,但我们似乎无法解读 AngularJS 是纯粹用于单页应用程序还是可以用于像 Express 这样的多页应用程序。
更新 2013 年 7 月 17 日 为了让人们了解情况,我将在我们完成整个过程时更新这个问题。我们现在将一起构建所有东西,我们将看到它的表现如何。我们已经联系了一些比我们更有资格使用 AngularJS 的人,并提出了关于拆分共享上下文的大型应用程序的问题,但在单个页面上工作可能太大了。
共识是我们可以提供多个静态页面并创建仅与这些页面一起使用的 AngularJS 应用程序,有效地创建 SPA 集合并使用标准链接将这些应用程序链接在一起。现在我们的用例非常具体,因为我们的解决方案有多个应用程序,正如我所说,我们将首先尝试单一代码库并从那里进行优化。
2016 年 6 月 18 日更新 该项目一落千丈,所以我们从来没有完成太多工作。我们最近再次选择了它,但不再使用 angular,而是使用 React。我们仍在使用上一次更新中概述的架构,其中我们使用 express 和自包含应用程序,因此,例如,我们在 express 中有一个 /chat
路由为我们的 React 聊天应用程序提供服务,我们还有另一个路由 /projects
提供项目应用程序等。我们有点看它的方式是,就其功能集而言,每个应用程序都是一个聚合根,它需要能够独立才能被视为本身的应用程序。从技术上讲,所有信息都在那里,它只是基本的表达以及您想要使用的客户端应用程序构建的任何风格。
一点也不。您可以使用 Angular 构建各种应用程序。客户端路由只是其中的一小部分。
在客户端路由之外,您有大量功能将使您受益:
双向绑定
模板
货币格式
多元化
可重复使用的控件
RESTful api 处理
AJAX 处理
模块化
依赖注入
认为所有这些“只能在单页应用程序中使用”真是太疯狂了。当然不是……这就像说“Jquery 仅适用于带有动画的项目”。
如果它适合您的项目,请使用它。
起初,我也为 Angular 的“如何”而苦苦挣扎。然后有一天我突然意识到:“它仍然是 javascript”。有很多关于 Angular 的来龙去脉的例子(我最喜欢的一本和书 https://github.com/angular-app/angular-app 一起)。要记住的最重要的事情是像在任何其他项目中一样加载 js 文件。您所要做的就是确保不同的页面引用正确的 Angular 对象(控制器、视图等),然后您就可以开始运行了。我希望这是有道理的,但答案太简单了,我忽略了它。
也许我的经验对某人有用。我们在逻辑上拆分我们的项目。我们将一个 SPA 用于提要,另一个用于处理地图,另一个用于编辑用户资料等。例如,我们有三个应用程序:提要、用户和地图。我在分隔的网址中使用它,如下所示:
https://host/feed/#/top/
https://host/user/#/edit/1/
https://host/map/favorites/#/add/
这些应用程序中的每一个在应用程序的状态之间都有自己的本地路由映射。我认为这是一个很好的做法,因为每个应用程序只使用它自己的上下文并加载它真正需要的依赖项。此外,它对于调试和集成过程非常有用。
实际上,您可以非常轻松地混合使用 SPA 应用程序,例如提要将是 url 与 angularjs 应用程序,用户应用程序与 reactjs 并映射到主干.js 应用程序。
针对您的问题:
Angular 不仅仅适用于 SPA,Angular 对 SPA 应用程序的性能好又快,而且没有人费心构建各种 SPA 应用程序的 MPA 应用程序。但是考虑你的 url 架构不要忘记你的应用程序的 SEO 可用性。
我也支持这个想法:
项目和应用程序有什么区别?应用程序是做某事的 Web 应用程序——例如,Weblog 系统、公共记录数据库或简单的投票应用程序。项目是特定网站的配置和应用程序的集合。一个项目可以包含多个应用程序。一个应用程序可以在多个项目中。
如果您只需要几页带有客户端数据绑定的页面,我会选择 Knockout 和 Javascript 命名空间。
Knockout 很棒,特别是如果您需要简单的向后兼容性并且有相当直接的页面。如果您使用的是 3rd 方组件,Knockout 的自定义绑定简单易用。
Javascript 命名空间允许您将代码分开且易于管理。
var myCo = myCo || {};
myCo.page = {
init: function(){ ... },
...
}
并在加载其他脚本后的脚本标记中
<script>
myCo.init();
</script>
关键是,您可以在需要时使用任何您想要的工具。需要数据绑定?淘汰赛(或任何你喜欢的)。需要路由吗? sammy.js(或任何你喜欢的)。
客户端代码可以根据您的需要简单或复杂。我尝试使用现有的专有框架将 Angular 集成到一个非常复杂的站点中,这是一场噩梦。如果您刚开始,Angular 非常棒,但它有一个学习曲线,并将您锁定在一个非常紧凑的工作流程中。如果您不遵循它,您的代码可能会很快变得非常纠结。
如果你只是想开发一个 SPA,我会说 Angular 是矫枉过正。当然,如果您已经习惯于使用它进行开发,请继续。但是,如果您是该框架的新手,并且只需要开发一个 SPA,那么我会选择更简单的东西,并拥有许多自己的好处。我建议查看 Vue.js 或 Aurelia.io。
Vue.js 使用双向数据绑定、MVVM、可重用组件、简单快速上手、更少代码编写等。它结合了 Angular 和 React 的一些最佳特性。
Aurelia.io,老实说,我不太了解。但我已经四处看了看,这似乎是一个值得研究的替代方案,类似于上面的。
链接:
https://vuejs.org/
http://aurelia.io/