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