Hybrid技术在Flyme的应用实践幻灯片.pptx

Hybrid技术在Flyme的应用实践;2011.7-2014.6 腾讯 WebQQ、Q+、手Q、Q群 2014.7-2015.10 唯品会 特卖会移动平台前端架构 2015.11- 魅族科技，Hybrid App架构设计和落地、前端生态和基础设施建设 /chemdemo;大纲;Hybrid Apps on FlymeOS;Flyme Hybrid 原有架构流程;Flyme hybrid 原有架构;改进思路;通用的Hybrid架构;Android调用H5;在SDK内部封装桥协议约定 H5的调用封装成以下格式： 业务层继承SDK，并根据实际需求扩展Handler JS SDK遵循ES6的模块化写法，并提供完善的二次编译打包工具;通讯——异步调用;通讯——（回调）调用过程;Hybrid SDK;模块化的API设计;文档和QA支持;H5作为数据接收方;反向通知——事件;相同的资源使用唯一url定位 离线文件不存在或过期则走线上 基本覆盖所有H5应用场景;H5资源文件打包路径不受约束，根据正则规则将线上url匹配离线文件 客户端实现路径重定向、重写等功能;离线访??;托管H5离线包，前端只需要轻量的包管理 CI、测试、灰度、发布一体化 版本管理、增量对比 本地资源包更新检查接口 静默更新（服务端主动推送）;资源包管理平台;待发包测试;离线包分发控制;离线包更新流程;上传测试包时同时自动生成增量包 更新时同时返回增量和全量包地址 增量包在客户端进行hash校验防篡改 文件级别的增量diff;同一个apk内的H5按功能分为多个模块 模块之间的更新频率不同 生成离线包时只打包改动的模块进行更新 在客户端合并多包;离线包规范;私有npm仓库——cnpm 基于React的一系列前端组件 遵循ES6模块化标准 组件publish约定;工具;逐渐完善的工具链;Flyme Hybrid 体系;（类）Hybrid开发方案对比;QA