注册 / 登录

同程客户端hybrid技术的持续打磨历程

分会场:  架构演进/工程实践/大前端

分享时间: 2017年11月9日 - 12日

案例来源 :

案例讲师

牛提罚

同程旅游 平台研发部负责人

平台研发部负责人,同程前端委员会负责人,同程前端团队创始人,擅长互联网及移动互联网前端领域, 具有丰富前端实战经验和团队管理经验。

扫描二维码分享案例

所在软件研发中心介绍

主要负责前后端底层技术的架构、研发、技术支撑等

 

建议该分享案例适用范围:

移动端app,前端开发等研发技术相关

 

为什么这个案例值得分享?

技术从0到1,再到持续打磨,结合业务实际应用,不断优化和创新,追求极致的工程师文化,提高研发效能和产品用户体验等经验,值得大家分享

 

 

案例简述

 

同程客户端Hybrid技术是针对同程安卓、Ios客户端全新设计的一套技术解决方案,应用H5快速变现的能力,使用客户端的高性能原生控件,同一套项目前端代码,可以在安卓、Ios两个客户端平台同时使用,为同程客户端项目产品提供了一套快速变现、高性能的技术框架。
2014年10月开始技术研发至今。从当初的第一个项目打样,到现在的70多个项目的应用。目前只有4个人力支撑着公司内部70多个hybrid项目产品的基础技术研发,负责对产品技术的支撑,保证hybrid项目的性能及稳定性。并系统地形成了我们的同程客户端的hybrid技术的知识库体系。包含着框架、组件的API文档、hybrid的开发教程、开发规范、流程管理、自动化工具、性能监控等一系列的技术。
虽然应用的项目不断增加,但我们基础研发的人力并没增加,我们一直在加强基础技术的系统化、工具化、不断完善知识库,不断优化和创新此技术,加强提高我们的产出能力。提高各项目的产品用户体验、变现效率、减少开发维护的人力成本、保障项目产品的稳定性和性能。

 

案例目标

 

解决问题:
1.客户端native产品更新发布迭代慢,开发效率低
2.人力投入成本高
3.纯H5站点用户体验相对客户端native差
目标很明确:
4.实现客户端业务产品需求快速迭代变现,能具备PC时代web的开发效率和发布能力
5.同时给用户native一样的交互体验
6.一套代码,N个平台应用,UED规范统一、减少开发、维护成本,提高用户体验

 

成功(或教训)要点

 

从单纯的客户端hybrid技术,经过不断结合业务实践,到后来向“N合一”的演变。在整个过程中,有很多技术点,如hybrid的增量更新机制、briddgeJS的实现原理、前端框架的项目实践、hybrid性能优化等
重点是持续把核心技术打磨好,以“效能”为核心,深挖更多高杠杆技术,用更多技术驱动业务的发展

 

案例ROI分析

 

1.目前投入4个人力支撑和研发
2.节省开发人力成本,前端开发人员开发一套代码,可以在安卓和Ios等移动端平台应用。如果是用native原生开发,根据目前70多个hybrid项目,至少可以节省安卓70个人力,Ios 70个人力,共可以节省客户端native的开发人力140多个。
同时,减少了 多平台(app 、wechat 、touch、手Q等移动端平台)的产品、设计、前端开发、测试人力,预计在 100人左右;提高了各平台产 品迭代效率。
3.满足了各移动端平台产品需求快速迭代的需求,可以根据需求随时发布更新上线。
4.产品性能和用户体验比较好,H5可以使用客户端原生控件,目前同程客户端的原生控件基本都可以使用,我们开发的有相应的API供H5应用
5.统一的架构和框架,开发规范,易维护,项目开发学习成本低,通过1至2天就可以上手开发
6. 同程客户端hybrid技术知识库比较系统、体系化,有力地支持着各项目的快速变现。

 

案例启示

 

更新中

 

案例在团队中的意义

 

技术从0到1,再到持续打磨,结合业务实际应用,不断优化和创新,追求极致的工程师文化,提高研发效能和产品用户体验等经验,值得大家分享