移动开发APP技术PPT演示课件

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