移动开发APP技术.pptx
- 文档编号:2733951
- 上传时间:2022-11-10
- 格式:PPTX
- 页数:21
- 大小:3.73MB
移动开发APP技术.pptx
《移动开发APP技术.pptx》由会员分享,可在线阅读,更多相关《移动开发APP技术.pptx(21页珍藏版)》请在冰豆网上搜索。
移动开发APP技术及微信小程序三大移动操作平台三大平台对比移动开发技术原生开发技术(Nativeapp)网页开发技术(Webapp)混合开发技术(Hybridapp)Nativeapp是某一个移动平台所特有的,使用相应平台支持的开发工具和语言(比如iOS平台支持Xcode和Objective-C,安卓平台支持Eclipse和Java)。
有很强的交互,是一个完整的App,可拓展性强,需要用户下载安装使用。
模式通常是由“云服务器数据+APP应用客户端”两部份构成,APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。
原生应用程序看起来(外观)和运行起来(性能)是最佳的。
举例:
摄像头,扬声器等原生开发优点速度更快、性能稳定、整体用户体验不错。
访问本地资源(通讯录,相册)可线下使用(因为是在跟Web相对地平台上使用的)。
支持大量图形和动画,出色的动效比移动WebApp运行快容易发现(应用商店里面)和重新发现(应用图标会一直在主页上),对于苹果而言,应用下载能创造盈利官方卖场的应用审核流程会保证让用户得到高质量以及安全的App官方会发布很多开发工具或者人工支持来帮助你的开发拥有系统级别的贴心通知或提醒原生开发缺点开发成本高,尤其是当需要多种移动设备来测试时因为是不同的开发语言,所以开发,维护成本也高因为用户使用的App版本不同,维护起来很困难支持设备非常有限(一般是哪个系统就在哪个平台专属设备上用)官方卖场审核流程复杂且慢,发布进程受影响上线时间不确定(AppStore审核过程不一)内容限制(AppStore限制)获得新版本时需重新下载应用更新(提示用户下载跟新,用户体验差)WebappWeb应用本质上是为移动浏览器设计的基于Web的应用,它们是用普通Web开发语言(html,java,,php,JavaScript)开发的,可以在各种智能手机浏览器上运行指采用html5语言写出的App,不需要下载安装。
依托于浏览器,基本上可以说是触屏版的网页应用。
HTML5应用程序使用标准的Web技术,通常是HTML5、JavaScript和CSS。
只需编写一次、可到处运行的移动开发方法构建的跨平台移动应用程序可以在多个设备上运行。
WebAPPWebApp开发即是一种框架型APP开发模式(html5APP框架开发模式),具有跨平台的优势,通常由“HTML5云网站+APP应用客户端”两部份构成,APP应用客户端只需安装应用的框架部份,而应用的数据则是每次打开APP的时候,去云端取数据呈现给手机用户。
虽然开发人员单单使用HTML5和JavaScript就能构建功能复杂的应用程序,但仍然存在一些重大的局限性,具体包括会话管理、安全离线存储以及访问原生设备功能(摄像头、日历和地理位置等)。
Web开发优点跨平台开发、用户不需要去卖场来下载安装App,开发速度快任何时候都可以发布App,因为根本不需要官方卖场的审核,可即时上线支持设备广泛开发成本较低无内容限制用户可以直接使用最新版本(自动更新,不需用户手动更新)页面存放于web服务器(减少了内存,但是会增加服务器的压力)纯H5APP快速开发、低成本、多平台,与很多APP开发方式不同的是-图文混合的排版(正是这些复杂多变的CSS样式消耗了性能,但是它带来了排版的多样性,能够细致到每一个字宽行高和风格的像素级处理)Web开发缺点只能使用有限的移动硬件设备功能,无法使用很多移动硬件设备的独特功能要同时支持多种移动设备的浏览器让开发维护的成本也不低(也要适配不同的浏览器对于用户来说,这种App很难被用户发现这里的数据获取都是在资源页面上异步完成的,因为只有这样才能让这些资源页面完成预加载或者渲染。
(耗时)表现差(对联网的要求比较大)页面跳转更加费力,不稳定感更强,图片和动画支持性不高,交互动态效果受到限制,更小的页面空间,用户体验没那么炫没法在AppStore中下载、无法通过应用下载获得盈利机会,安全得不到保障无法体会包括会话管理、安全离线存储以及访问原生设备功能(摄像头、日历和地理位置等)HybridappHybridAPP指的是半原生半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的效率会相对降低。
三种应用比较教你一招原生appWebapp混合APP开发app流程明确你的构想和理念:
谁用,做什么用,设计用户界面:
交互的地方,简结美观,用户体验定义交互方式:
交互的启用都是通过用户操作的事件来触发的,比如手指的点击,滑动,捏合等部署用户行为:
代码来实现这些定义好的行为数据交互的部署:
数据存储问题,界面与数据之间必须要定义明确的交互方式测试,修改与发布什么是微信小程序简称小程序,是一种不需要下载安装即可使用的应用用户扫一扫或者搜一下即可打开应用。
体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。
不同的小程序,可以实现不同的功能不会推送信息骚扰你,只能用户触发。
开发微信小程序的技术语言:
JavaScript/WXML/WXSS工具:
1.微信小程序官方开发工具-可以调试和预览,手机预览,代码提交审核2.即速应用-可视化操作,直接拖拽组件生成页面,电商模板居多3.SublineText3-代码编辑器,简结高效4.WebStorm-有插件,代码提示,各种快捷键,代码编辑功能强大如何开发微信小程序1.进入微信公众平台注册页,选择小程序2.验证邮箱之后进行登记信息,选择个人,管理员身份验证3.下载微信开发者工具。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 移动 开发 APP 技术