同程APP混合开发实践.pdf

同程APP混合开发实践 牛提罚 主要内容 hybrid技术实践 N站合一 Hybrid的方向 我们需要 Native的用户交互体验 Web的开发效率、发布能力 Phongap AppCan WeX5 …… 优点 缺点 Hybrid •快速发布 •性能不如native高 •跨平台 •富交互体验不如native •可调用native原生方法 •兼容性测试不太方便，特别是android •加载更快速，更加安全 •开发成本、难度比native 小 满足我们的需求 与传统web的异同 web hybrid 浏览器、客户端 只能在客户端内打开和使用 基于web 站点服务器 基于客户端 +更新包后台 文件放在远程服务器端 文件放客户端底层 前端 +.net开发 前端 +中间层接口+客户端公共控件 性能较差，受网络影响大不稳定 性能好、减少用户流量 hybrid架构 Hybrid Android iOS BridgeJS Native H5\CSS3\JS Gulp （构建打包） Hybrid 包 更新发布系统 Hybrid架构特点 BridgeJS • iOS、Android统一使用 Ajax请求与客户端保持一致 • 直接使用中间层数据接口 公共资源统一管理 • 统一管理公共资源，减少包大小 一键构建打包 • html\css\js ，压缩合并，gulp构建，打包成zip 增量升级 • 更新包增量升级，预加载机制，轻快省的原则 版本分支控制 • 针对客户端不同版本进行升级，bug修复 Hybrid架构-bridge Hybrid架构-bridge Hybrid架构-增量 css js html change.xml 5.css 2.js 4.html new.js hybrid架构-项目加载流程 下载 打开项目 包校验 解压 进入项目 • 本地包校验