HTML5与混合开发技术研究讲述.ppt

HTML5 与 混合开发技术研究 计算机161 龚磊 目录 1.混合开发概述 2.Web App Hybrid App 与Native App介绍与优缺点分析 3.Web App Hybrid App 与Native App比较 4.Hybrid App的类型与比较 5.Hybrid App开发关键与技术问题 6.Hybrid App不足与展望 混合开发概述 所谓混合式开发,即目前业内所说的Hybrid开发模式。混合主要是指的原生App开发与web开发的混合。其实在H5兴盛之前,Hybrid模式就已经比较成熟了,但是一直不愠不火(因为系统的一些问题以及html本身功能限制)。但是自从H5兴盛之后,大家发现原来很多功能都可以用web来实现,然后原生作为容器显示,所以为了提高开发效率,越来越多的人使用Hybrid模式进行开发,越来越多的Hybrid开发框架,越来越多的前端专职成为Hybrid开发,也就是说Hybrid也随之兴盛起来了 web App介绍1 web App指的是移动端的网站,将页面部署在服务器上,然后用户使用各大浏览器访问。一般泛指 SPA(Single Page Application)模式开发出的网站。 一般来说，拥有下面特点的就是一个Web App了：使用手机浏览器进行运行；纯Web前端架构，不需要安装，很多重要手机特性无法访问，例如联系人名单等。 web App介绍2:优势 1.开发成本低,可以跨平台,调试方便：web app一般只需要一个团队的前端人员开发出一套代码,然后即可应用于各大主流浏览器(特殊情况可以代码进行下兼容),没有新的学习成本,而且可以直接在浏览器中调试 2.维护成本低:同上,如果代码合理,只需要一个团队的前端人员就可以维护多个web app。 3.更新最为快速：由于web app资源是直接部署在服务器端的,所以只需要替换服务器端的文件,用户访问是就已经更新了(当然需要解决一些缓存问题)。 4.无需安装App：不会占用手机内存通过浏览器即可访问,无需安装,用户就会比较愿意去用 web App介绍3：不足 1.性能低,用户体验差：由于是直接通过的浏览器访问,所以无法使用原生的API,操作体验不好 2.依赖于网络,页面访问速度慢,耗费流量多：Web App每次访问都需要去服务端加载资源访问,所以必须依赖于网络,而且网速慢时访问速度很不理想,特别是在移动端,如果网站优化不好会无故消耗大量流量 3.功能受限,大量功能无法实现：只能使用Html5的一些特殊api,无法调用原生API,所以很多功能存在无法实现。 4.临时性入口,用户留存率低：这既是它的优点,也是缺点,优点是无需安装,确定是用完后有时候很难再找到,或者说很难专门为某个web app留存一个入口,导致用户很难再次使用 Native App介绍1 Native App指的是传统的原生APP开发模式。Android App开发是基于Android操作系统，使用Java语言,底层调用的是Google的 API;iOS开发是基于IOS操作系统，使用OC或者Swift语言,底层调用的是苹果官方提供的API。 Native App 介绍2：优势 1.直接依托于操作系统,交互性最强,性能最好： 相比于其它模式的交互,原生APP体验是最优的 2.功能最为强大,特别是在与系统交互中,几乎所有功能都能实现：得益于原生是直接依托于系统的,所以可以直接调用官方提供的api,功能最为全面(比如本地资源操作,通知,动画等) Native App 介绍3：不足 1.开发成本高,无法跨平台不同平台Android和iOS上都要各自独立开发：Android上基于Java开发,iOS上基于OC或Swift开发,相互之间独立,必须要有各自的开发人员 2.门槛较高,原生人员有一定的入门门槛:原生的一个很大特点就是独立,需要分别学习Android开发与IOS开发技术，所以一般都要有两个团队才能完成两个平台的Native App开发。 3.更新缓慢,特别是发布应用商店后,需要等到审核周期：原生应用更新是一个很大的问题,Android中还能直接下载整包APK进行更新,但是iOS中,如果是发布AppStore,必须通过AppStore地址更新,而每次更新都需要审核,所以无法达到及时更新。 4.维护成本高：同开发一样,项目上线后维护起来也很为麻烦 Hybrid App介绍1 Hybrid是半Native半web开发模式 Hybrid模式中,底层功能API均由原生容器通过某种方式提供,然后业务逻辑由H5页面完成,最终原生容器加载H5页面,完成整个App。也就是说Hybrid App是一种Native App与web App混合的开发模式。 Hybrid Ap