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

单击此处编辑母版标题样式,编辑母版文本样式,第二级,第三级,第四级,第五级,2020/1/8,#,移动开发,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,教你一招,原生,app,Web app,混合,APP,15,开发,app,流程,明确你的构想和理念：谁用，做什么用，,设计用户界面：交互的地方，简结美观，用户体验,定义交互方式：交互的启用都是通过用户操作的事件来触发的，比如手指的点击，滑动，捏合等,部署用户行为：代码来实现这些定义好的行为,数据交互的部署：数据存储问题，界面与数据之间必须要定义明确的交互方式,测试，修改与发布,16,17,什么是微信小程序,简称小程序，是一种不需要下载安装即可使用的应用用户扫一扫或者搜一下即可打开应用。,体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。,不同的小程序，可以实现不同的功能,不会推送信息骚扰你，只能用户触发。,18,开发微信小程序的技术,语言：,JavaScript/WXML/WXSS,工具：,1.,微信小程序官方开发工具,-,可以调试和预览，手机预览，代码,提交审核,2.,即速应用,-,可视化操作，直接拖拽组件生成页面，电商模板居多,3.Subline Text3-,代码编辑器，简结高效,4.WebStorm-,有插件，代码提示，各种快捷键，代码编辑功能强大,19,如何开发微信小程序,1.,进入微信公众平台注册页，选择小程序,2.,验证邮箱之后进行登记信息，选择个人，管理员身份验证,3.,下载微信开发者工具,。,20,21,