移动开发APP技术.ppt

移动开发APP技术及微信小程序 三大移动操作平台 三大平台对比 移动开发技术 原生开发技术 Nativeapp 网页开发技术 Webapp 混合开发技术 Hybridapp Nativeapp 是某一个移动平台所特有的 使用相应平台支持的开发工具和语言 比如iOS平台支持Xcode和Objective C 安卓平台支持Eclipse和Java 有很强的交互 是一个完整的App 可拓展性强 需要用户下载安装使用 模式通常是由 云服务器数据 APP应用客户端 两部份构成 APP应用所有的UI元素 数据内容 逻辑框架均安装在手机终端上 原生应用程序看起来 外观 和运行起来 性能 是最佳的 举例 摄像头 扬声器等 原生开发优点 速度更快 性能稳定 整体用户体验不错 访问本地资源 通讯录 相册 可线下使用 因为是在跟Web相对地平台上使用的 支持大量图形和动画 出色的动效比移动WebApp运行快容易发现 应用商店里面 和重新发现 应用图标会一直在主页上 对于苹果而言 应用下载能创造盈利官方卖场的应用审核流程会保证让用户得到高质量以及安全的App官方会发布很多开发工具或者人工支持来帮助你的开发拥有系统级别的贴心通知或提醒 原生开发缺点 开发成本高 尤其是当需要多种移动设备来测试时因为是不同的开发语言 所以开发 维护成本也高因为用户使用的App版本不同 维护起来很困难支持设备非常有限 一般是哪个系统就在哪个平台专属设备上用 官方卖场审核流程复杂且慢 发布进程受影响上线时间不确定 AppStore审核过程不一 内容限制 AppStore限制 获得新版本时需重新下载应用更新 提示用户下载跟新 用户体验差 Webapp Web应用本质上是为移动浏览器设计的基于Web的应用 它们是用普通Web开发语言 html java php JavaScript 开发的 可以在各种智能手机浏览器上运行指采用html5语言写出的App 不需要下载安装 依托于浏览器 基本上可以说是触屏版的网页应用 HTML5应用程序使用标准的Web技术 通常是HTML5 JavaScript和CSS 只需编写一次 可到处运行的移动开发方法构建的跨平台移动应用程序可以在多个设备上运行 WebAPP WebApp开发即是一种框架型APP开发模式 html5APP框架开发模式 具有跨平台的优势 通常由 HTML5云网站 APP应用客户端 两部份构成 APP应用客户端只需安装应用的框架部份 而应用的数据则是每次打开APP的时候 去云端取数据呈现给手机用户 虽然开发人员单单使用HTML5和JavaScript就能构建功能复杂的应用程序 但仍然存在一些重大的局限性 具体包括会话管理 安全离线存储以及访问原生设备功能 摄像头 日历和地理位置等 Web开发优点 跨平台开发 用户不需要去卖场来下载安装App 开发速度快任何时候都可以发布App 因为根本不需要官方卖场的审核 可即时上线支持设备广泛开发成本较低无内容限制用户可以直接使用最新版本 自动更新 不需用户手动更新 页面存放于web服务器 减少了内存 但是会增加服务器的压力 纯H5APP快速开发 低成本 多平台 与很多APP开发方式不同的是 图文混合的排版 正是这些复杂多变的CSS样式消耗了性能 但是它带来了排版的多样性 能够细致到每一个字宽行高和风格的像素级处理 Web开发缺点 只能使用有限的移动硬件设备功能 无法使用很多移动硬件设备的独特功能要同时支持多种移动设备的浏览器让开发维护的成本也不低 也要适配不同的浏览器对于用户来说 这种App很难被用户发现这里的数据获取都是在资源页面上异步完成的 因为只有这样才能让这些资源页面完成预加载或者渲染 耗时 表现差 对联网的要求比较大 页面跳转更加费力 不稳定感更强 图片和动画支持性不高 交互动态效果受到限制 更小的页面空间 用户体验没那么炫没法在AppStore中下载 无法通过应用下载获得盈利机会 安全得不到保障无法体会包括会话管理 安全离线存储以及访问原生设备功能 摄像头 日历和地理位置等 Hybridapp HybridAPP指的是半原生半Web的混合类App 需要下载安装 看上去类似NativeApp 但只有很少的UIWebView 访问的内容是Web 混合应用大家都知道是原生应用和Web应用的结合体 采用了原生应用的一部分 Web应用的一部分 所以必须在部分在设备上运行 部分在Web上运行 不过混合应用中比例很自由 比如Web占90 原生占10 或者各占50 有些应用最开始就是包了个原生客户端的壳 其实里面是HTML5的网页 后来才推出真正的原生应用 比较知名的APP 比如手机百度和淘宝客户端Android版 走的也是HybridApp的路线 不过手机百度里面封装的不是WebView 而是自己的浏览内核 所以体验上更像客户端 更高效 Hybrid开发优缺点 Native架构重 主流 优点 交互层的效率上由Native的东西解决了 而且架构上基本就是在App内写网页 AppStore就是采用了该种方案 缺点 团队至少需要两个工程师 一个是Web的 一个是iOS或者Android的 运行效率 要权衡好多少界面采用Web来渲染 毕竟WebView的效率会相对降低 三种应用比较 教你一招 原生app Webapp 混合APP 开发app流程 明确你的构想和理念 谁用 做什么用 设计用户界面 交互的地方 简结美观 用户体验定义交互方式 交互的启用都是通过用户操作的事件来触发的 比如手指的点击 滑动 捏合等部署用户行为 代码来实现这些定义好的行为数据交互的部署 数据存储问题 界面与数据之间必须要定义明确的交互方式测试 修改与发布 什么是微信小程序 简称小程序 是一种不需要下载安装即可使用的应用用户扫一扫或者搜一下即可打开应用 体现了 用完即走 的理念 用户不用关心是否安装太多应用的问题 不同的小程序 可以实现不同的功能不会推送信息骚扰你 只能用户触发 开发微信小程序的技术 语言 JavaScript WXML WXSS工具 1 微信小程序官方开发工具 可以调试和预览 手机预览 代码提交审核2 即速应用 可视化操作 直接拖拽组件生成页面 电商模板居多3 SublineText3 代码编辑器 简结高效4 Web