Skybin Technology
返回案例研究
📅
Productivity & SaaS

大规模构建 WeekPlan 生产力平台

WeekPlan 帮助数万名专业人士使用受 7 Habits 和 OKR 方法论启发的框架来优先考虑他们最重要的工作。我们帮助该平台从其起源发展到现代、可扩展的 React 和 AWS 驱动的产品。

ReactASP.NET Web APIAWSSaaSKnockoutJS

概述

WeekPlan 是一款围绕看似简单的前提而构建的生产力工具:如果你能确定本周最重要的优先事项并有意识地安排它们,你将完成更多真正重要的事情。该平台以 Stephen Covey 的《高效能人士的7个习惯》和 OKR 目标设定方法论为基础,帮助用户从被动的任务管理转向主动的、基于角色的规划。当 Skybin 加入该项目时,WeekPlan 已经建立了一个有意义的用户基础——但原始技术栈开始限制了团队发布功能、处理负载和维持竞争性用户体验的能力。该平台需要在技术上发展壮大,但不能失去让它有价值的简洁性。

挑战

前端栈显示其年代

原始前端是用 KnockoutJS 构建的——当时是一个强大的框架,但随着 React 生态系统的成熟,扩展、测试和招聘都变得越来越困难。新功能开发缓慢,组件架构使得在不断增长的界面上维持一致性变得困难。

API 层未为规模而构建

支持后端的 ASP.NET Web API 有机增长,没有强有力的设计合同。随着用户基础的增长,负载下的性能成为一个问题,缺乏一致的 API 模式使得前端团队很难有信心地针对它工作。

基础设施未跟上增长步伐

该平台的基础设施不是为 SaaS 产品国际分布式用户基础的弹性扩展需求而设计的。容量规划是手动的,部署流程与产品团队想要的快速迭代节奏不一致。

我们的解决方案

01

增量 React 迁移

与其进行危险的大爆炸式重写,我们采用了增量迁移策略——逐个将 React 组件引入现有的 KnockoutJS 代码旁边,允许新功能在 React 中构建,同时逐步替换遗留屏幕。该产品在整个过程中保持完全可用和不断发布。

02

API 现代化与性能工作

我们审计了现有的 ASP.NET Web API,确定了最高影响的性能瓶颈,并为今后建立了一致的 API 设计模式。关键端点被优化,在适当的地方引入了缓存,并正式化了 API 文档以改进前端开发体验。

03

AWS 基础设施与部署自动化

我们将该平台迁移到了一个架构适当的 AWS 环境——为应用层使用 Elastic Beanstalk,为托管数据库主机使用 RDS,为全球内容交付使用 CloudFront。部署被自动化,使团队能够有信心且频繁地发布。

结果和成果

现代、可维护的前端

React 迁移为团队提供了一个组件库,他们可以自信地进行构建,与遗留的 KnockoutJS 代码库相比,开发者体验戏剧性地改善。

负载下改善的 API 性能

针对性能工作和一致的 API 模式减少了最常用端点的响应时间,为前端团队提供了一个可靠的构建表面。

可扩展的 AWS 基础设施

该平台现在根据需求进行弹性扩展,不需要手动容量管理。以前需要协调和风险管理的部署现在成了例行的自动化事件。

更快的功能交付

有了现代前端栈、干净的 API 和自动化部署,团队的新功能周期时间显著下降——让产品在快速移动的市场中有效竞争。

结论

WeekPlan 现在在能够随着产品增长而扩展的基础设施和代码库上运行。增量方法——迁移前端、现代化 API 和重新架构基础设施——实现了团队在没有完全重建中断的情况下发布功能能力的飞跃。该平台的用户获得了连续性;工程团队获得了一个可以建立多年的基础。

有类似的挑战?

告诉我们您的项目,我们将告诉您我们如何帮助您。

开始对话