移动应用跨平台开发经验分享.pdf

火龙果讲堂 如何合理设计Hybrid App About Hybrid App ，Ionic Framework ，phoneGap ，HTML5 ⻄涛 移动互联⺴资深架构师 Agenda 火龙果讲堂 Why Hybrid App? Is HTML5 Ready? Practice of Hybrid App Architect What Ionic Framework do? PhoneGap/Cordova HTML5 in mobile device Useful Tools Weinre ，ionic ，xcode ，gulp Conception 火龙果讲堂 App：应用程序 完成某项或者几项任务 满足某些需求 Web：构建于Web技术之上 HTML/CSS/JS 服务端 Web Application Why Hybrid App？ 火龙果讲堂 Native App ， Web App or Hybrid App? Why Hybrid App？ 火龙果讲堂 不是一个纯粹的技术问题，最重要的因素是产品 定位和发展策略 如果希望尽快发布、跨平台、能快速响应可以预 见的迭代，那么混合架构就很值得考虑 如果有足够的开发人员覆盖各平台、产品设计成 熟度高、产品周期上可接受相对较长的开发时间， 那么原生显然是更好的选择 如果app里面要实现的功能，很多都没法用 html 做，必须用原生代码。例如即时通讯应用，图片 处理应用等 HTML5 Ready？ 火龙果讲堂 W3C规范在成为正式标准前通常需要历经5个阶段 移动平台主流浏览器都较好的⽀持HTML5 ，性能和速度还有待提⾼ HTML5 Ready？ 火龙果讲堂 ⽼牌的Sencha Touch、jQuery Mobile 、 Dojo Mobile Cocos2d-html5 EaselJS、Const