前端开发 ·

HTML5移动webAPP和Hybrid APP开发的优缺点分析

今天25学堂阅读了相关的HTML5移动webAPP开发的一些资料,刚好最近的一个APP项目是采用原生Native App和HTMl5一起混用的。也就是我们所说的Hybrid开发。

Hybrid开发方法结合了Native开发和Web技术。借助这种方法,开发者就能使用跨平台Web技术,开发应用程序的大部分代码,目前Hybrid开发已经成为一种潮流趋势!到今天为止是非常火的。web-application-1

25学堂之前报道的关于webAPP的一些常识。点击查看

 

1、什么是移动WebApp?

现代移动设备包含功能强大的浏览器,这些浏览器支持许多新的HTML5功能、CSS3和高级JavaScript。由于最近在这方面取得的进展,HTML5预示着这项技术将从一种“页面定义语言”,转变成一种功能强大的开发标准,用于开发丰富的、基于浏览器的应用程序。

表明HTML5大有潜力的几个例子包括:高级的用户界面组件、可以访问丰富媒体类型、地理位置服务和离线功能。使用这些特性和处于开发中的其他更多特性,开发者就能仅仅使用Web技术,开发出高级应用程序。

Web App最突出的优势之一是,它支持多种平台,而且开发成本低。大多数移动开发商利用了浏览器中的同一种渲染引擎:WebKit——主要由谷歌和苹果领导的这个开源项目提供了如今最全面的HTML5实现机制。由于应用程序的代码用与WebKit兼容的标准Web语言编写而成,所以一个应用程序在诸多不同的设备和操作系统上提供了统一的体验,因而使得它在默认情况下支持多种平台。

大家务必记住:真正的移动Web App不等于 移动网站wap

行业判断依据有三点:

1、从访问的角度来讲。移动webAPP可以创建桌面快捷图标。移动网站指南靠输入网址访问。

2、移动webAPP必须提供触摸操作优化的、交互式的用户体验。而移动网站可以不需要采用这些移动触摸技术。

3、移动webAPP可以基本都是HTMl5才编写。还可以借助第三方软件打包。

如PhoneGap/Cordova为代表。其基本思路是针对HTML5标准目前功能上的不足,补充定义了一套比较实用的API(比如硬件访问/系统交互等),然后基于平台上自带的Web引擎(比如iOS的UIWebview等),通过扩展机制实现了这些API,在此基础上再提供一套应用打包部署系统。移动网站可以不用HTML5来编写。

优点,应该上面讲的很明白啦!还有一个优点就是采用webAPP来开发,成本低,周期短。更新快,跨平台性好。

 

 

1221004

2、最火的APP开发模式就是:Hybrid开发,看完下面的你就会明白为什么如今很多APP都是采用这样的开发模式。

Hybrid开发方法结合了Native开发和Web技术。借助这种方法,开发者就能使用跨平台Web技术,开发应用程序的大部分代码,又可以在需要时直接访问Native API。

App的Native代码部分使用操作系统的API来创建嵌入式HTML渲染引擎,该引擎在浏览器和设备的API之间充当了桥梁。这座桥梁让Hybrid App得以充分利用现代设备所提供的全部特性。

App开发者可以选择编写自己的桥梁,或者充分利用现成的解决方案,比如PhoneGap——这种开源库为有选择的设备功能提供了在诸操作系统上保持一致的统一JavaScript接口。

App的Native代码部分可以独立开发,但是市场上的一些解决方案把这种类型的Native容器作为其产品的一部分来提供,因而让开发者有办法只要使用Web语言,就可以构建利用设备所有特性的高级App。在一些情况下,解决方案让开发者可以充分利用现已掌握的任何Native开发技能,根据企业的独特要求来定制Native容器。

App的Web部分可能是驻留在服务器上的网页,也可能是一组HTML、JavaScript、CSS和媒体文件,封装到App代码中,存储在设备本地。这两种方法都有其优势和局限性。放置在服务器上的HTML代码让开发者不必经历提交和批准过程——有些App商店要求这个过程,就可以对App进行小幅更新。遗憾的是,这个方法摈弃了任何离线可用性,因为设备与网络没有连接时,无法访问设备。另一方面,把Web代码封装到App里面可以提高性能和可访问性,但是不允许远程更新。如果结合这两种开发方法,也许可以集两者之所长。这种系统采用的架构可以把HTML资源放置在Web服务器上,以获得灵活性,但是又把它们本地缓存在移动设备上,以获得高性能。

webapp开发

下面是一些关于HTML5移动webAPP的知识点:

1、跨平台移动web中间件PhoneGap开发入门知识和教程
http://mobile.51cto.com/hot-273792.htm

2、中国最大PhoneGap跨平台移动互联网开发门户网
http://www.phonegap100.com/

3、10 款最好用的移动 webAPP开发工具
http://www.oschina.net/news/27603/10-mobile-web-tools?from=20120407

 

 

参与评论