注册 / 登录

猫眼多端代码复用实践——开发效率提升300%的秘诀

分会场:  测试实践/自动化工具链/大前端

 

案例来源 :

案例讲师

赵哲

猫眼 前端技术专家

猫眼技术专家,曾就职于搜狗,目前主要负责猫眼交易业务在美团、点评、猫眼、格瓦拉客户端的开发工作。从0到1打造了4端业务代码融合的各项技术方案。专注于提升客户端质量以及团队整体效率。

扫描二维码分享案例

 

案例简述

 

多端代码复用,通常应用于网络库、分享等基础组件,但是业务代码才是一个APP中最重要、最花费时间的部分。猫眼客户端团队代码复用一开始的目标,就是希望能够在不同APP容器中100%的复用业务代码,做到一次开发多处使用,并能够做到将猫眼的任何业务模块快速的平铺到任意APP中。本次分享结合了猫眼与美团、点评业务融合的真实场景,介绍了我们的业务代码复用方案解决的三个主要问题:消除各容器的交互和UI的差异、消除各容器的基础组件的差异以及适应各容器需求定位的差异。

 

案例目标

 

猫眼拥有美团、猫眼、点评、格瓦拉4大APP流量入口,4个APP的核心业务需求几乎完全相同,但是相同需求在各容器的UI样式、UI组件、交互细节存在差异,并且各容器的网络、分享、账号等基础组件开发环境也完全不同。我们希望开发出一套方案,来抹平各容器在UI、交互、基础环境等层面的差异,让我们的业务代码,能够一次开发,各处使用,成倍的提高整个团队的开发效率。

 

成功(或教训)要点

 

任何代码复用方式本质上都是各种维度的去耦合,我们这套方案针对不同问题,综合使用了多种不同的思想和方法。
1,元编程思维,用配置代替if-else
2,逻辑与UI分离,UI = 配置 + 资源
3,构建一套轻量级的业务开发基础环境
4,依赖倒置的思想解除对容器的依赖
5,模块化与业务模块的细粒度拆分

 

案例ROI分析

 

每个APP每个版本的新业务需求迁移到另一端,花费的时间从20人日减少到0.5人日,以4个APP计算,整体开发效率提高300%。

 

案例启示

 

1,代码复用的收益从长远来看远高于想象
2,任何代码复用方式本质上都是各种维度的去耦合
3,逻辑与UI分离,是前端架构设计的一个常用思路

 

案例在团队中的意义

 

猫眼相继拥有美团、猫眼、点评、格瓦拉4大APP流量入口,占据了中国电影票务60%以上的市场份额。猫眼客户端团队在不断拓展业务疆界的实践中沉淀出了一整套代码和资源复用方案,让我们的业务代码能够在4个APP容器间100%的复用,极大的提高了整个团队的开发效率。无论你是遇到了多端业务复用的相似的场景,还是希望提高团队的开发效率,都可以试试我们的工具和方案。

 

领取大会PPT

我要参会

限量1000份全套演讲PPT

免费领!还剩800份

限时9折优惠,立减580!截止10月30日!

我要参会