团队协作工具Worktile技术架构揭秘

转自 https://worktile.com/tech/basic/worktile-architecture-expose 团队协作工具Worktile技术架构揭秘 Terry Terry 2015-09-12 14:04 6 5480 Worktile自上线两年多以来，以良好的用户体验和稳定的服务，获得了用户的认可和喜爱。截止笔者写这篇文章的时候，已经有超过10万家团队在使用Worktile。作为团队协作工具，从技术上分析首先要解决如下几个问题： 基于Web的跨平台设计，让用户在任何地方都可以随时通过浏览器访问 Web形态的产品要具有原生客户端的体验，如任务的拖拽等 具有高效的实时消息系统，每个团队成员在Worktile中所做的任何操作，都要实时在其他成员的客户端中自动刷新 服务要稳定，稳定压倒一切 那么Worktile是如何做到这几点的？今天笔者在这篇文章里一一为大家揭秘。 SPA设计 先来说说Worktile中SPA（单页应用程序）设计，作为团队协作工具，需要尽可能减少用户在不同页面之间的跳转，所以从一开始我们就决定Worktile必须是单页应用程序，当时面临的选择有很多，首先我们考虑使用大名鼎鼎的Backbone.js，但是很快又抛弃了，因为在实际使用中Backbone.js太复杂，另一方面开发效率太低，最终我们选择了Google出品的AngularJs，下面这幅图是AngularJS的结构图： tech_01.jpg 选择它主要基于以下几点考虑： 自动化双向数据绑定功能，这一点在Worktile中非常重要，如任务的状态变化都要实时变更到其他成员，如果具有自动化双向数据绑定功能，只需要绑定到UI的数据源发生变化，UI会自动发生改变，不需要工程师再通过代码去修改UI元素的改变，如下面这段代码：