登录    / 注册

沃尔玛电商React迁移之路

分享时间: 2016年12月9日 - 12日

分会场: 设计匠艺/流程再造

案例讲师

叶浩生

沃尔玛全球电子商务 高级研发经理

14年大型网站开发与架构经验,包括Yahoo!, SCEA, Springer. 目前主导walmart.com搜索页面的实现,直接负责walmart.com6成以上的客户流量。

扫描二维码分享案例

 

案例简述

 

随着前端更新换代速度的加快,各种框架的诞生为企业探寻更加优质的用户体验带来了契机。在过去的一年之中,沃尔玛全球电商就对此进行了尝试,并成功将现有的以backbone为前端框架、以java为主要语言的后端服务器的技术栈转移到以react为前端框架、以NodeJs为后端服务器技术的全新平台上。案例主要阐述了在此过程中沃尔玛电商是克服了重重困难最终完成了迁移以及对代码结构、开发过程以及设计原理的提高和完善。

 

案例目标

 

沃尔玛电商作为美国电子商务市场上网站流量居于前三的公司,代码的迁移过程中任何一个失误都可能会起到牵一发而动全身的负面影响。

 

成功(或教训)要点

 

经过前端技术部门组内分析,我们明确了以下挑战:
1. 全面评估当前沃尔玛电子商务网站的性能并有效合理的运用React前端框架的优势来解决目前沃尔玛电商网站存在的问题。
2. 解释大型电子商务网站的特殊需求,并如何在新的react框架解决它们:
1) 性能提高
2)代码重复利用
3) 缓存
4) SEO
5) 单元测试
6) A/B 测试支持
7)多重租赁技术
8)显示即时数据
3. 分析如何在手机阅览器 (mobile web)上也同样地满足以上的需求。

 

案例启示

 

总结大型电商采用React的优劣

 

案例在团队中的意义

 

React是近两年最火爆的前端框架之一,但将其运用于大型电商网站的技术栈之中的案例还是凤毛麟角。大型电商网站相对于一般网站来讲,对于响应速度,稳定性等其他方面的要求更为严格。沃尔玛电商从backbone迁移到react框架这一路上,遇见了许多困难,但我们也凝聚了团队的力量,最终将其一一解决。因此十分想和业界同仁分享这一路上的心得和感悟,供后来人参考和借鉴。