《PhoneGap的那些事.pdf》由会员分享，可在线阅读，更多相关《PhoneGap的那些事.pdf（18页珍藏版）》请在三一文库上搜索。
1、广州QClub QQ群:318591310 PhoneGapPhoneGap的的那些事那些事 陈宗绵陈宗绵 今天我们聊点什么? 1. 1.什么是什么是PhoneGapPhoneGap 2.2.项目背景项目背景 3.3.系系统统架架构构 4.4.与与PhoneGapPhoneGap一一起走起走过的过的路路 5.F & Q5.F & Q 什么是PhoneGap PhoneGap是一款开源的开发框架，旨在让开发者 使用HTML、Javascript、CSS等Web APIs开发跨平台 的手机应用程序。原本由Nitobi公司开发，现在由 Adobe拥有。 它需要特定平台提供的附加软件，例如iPhone
2、的 iPhone SDK，Android的Android SDK等，也可以和 DW5.5及以上版本配套开发。使用PhoneGap只比为 每个平台分别建立应用程序好一点点，因为虽然基 本代码是一样的，但是你仍然需要为每个平台分别 编译应用程序。 PhoneGapPhoneGap就就是一是一个可以个可以用过用过JSJS调调用用手机特性手机特性 的浏览器的浏览器 项目背景 基于SNS体系的多应用接入平台 技术团队没有手机端开发经验,是WEB端屌丝开发 团队 原生开发人员稀缺,工资待遇要求高 系统架构 监监 控控 服服 务务 服务总线服务总线 用户服务用户服务应用应用服务服务订购订购服务服务统一统一消
3、息消息应用融合应用融合 服务服务集成平台集成平台(WEB)(WEB) 页面页面 页面控制层页面控制层 集成逻辑层集成逻辑层 服务服务SDKSDK 服务服务集成平集成平台台(WAP)(WAP) 页面页面 页面控制层页面控制层 集成逻辑层集成逻辑层 服务服务SDKSDK 服务服务集成平台集成平台( (安卓安卓) ) 页面页面 页面控制层页面控制层 集成逻辑层集成逻辑层 服务服务SDKSDK 服务服务集成平台集成平台(IOS)(IOS) 页面页面 页面控制层页面控制层 集成逻辑层集成逻辑层 服务服务SDKSDK 用户行为用户行为 分析分析 通知通知 服务服务 计划计划 任务任务 数据库数据库 分布式
4、缓存分布式缓存 全文全文 索引索引 分布式分布式 文件系统文件系统 消息消息 队列队列 数据数据 仓库仓库 第三方应第三方应 用服务用服务 与PhoneGap一起走过的路 版版本本迭代迭代 2周的版本迭代 内置应用导致APP安装包很大 客户奇葩的网络环境 紧急的BUG修复更新 解决解决: : 安装包不放置应用的代码,使用外部站点的形式 JsJs框架导致页面框架导致页面过过大大 换JS框架,将原来的JqueryMobile换成Zepto 使用Application Cache 离线数据(微信不支持SQLite,只能用localStorage) GZIP压缩,CSS/JS请求合并,CSS,JS的压
5、缩 效果: 优化前:300K 优化后:77K 解决解决: : 页面过大,访问速度太慢 Application CacheApplication Cache .appcache的Mime类型 text/cache-manifest .appcache的HTTP头需要设置为不缓存. Application CacheApplication Cache的的加载判断加载判断 离线状态下离线状态下, ,无法进无法进入入应应用用页面页面, ,停留在停留在LoadingLoading页页 面面 应应用使用用使用鉴权鉴权 访问应用需要先做一次OATH2鉴权 Oath2导致短暂的白屏页面 用户登录APP后进行鉴权,不在进入应用时鉴权 鉴权使用隐藏的WebView进行操作 不开发PhoneGap插件,通过WebView判断鉴权后 地址来知道鉴权是否成功 解决解决: : 浏览器浏览器渲染渲染 页面渲染的问题: 如倒计时功能 CSS渲染性能较差 安卓: zoom IOS:z-index CSS使用单层样式,遵循BEM命名 解决解决: : F & Q