今天25學(xué)堂閱讀了相關(guān)的HTML5移動(dòng)webAPP開發(fā)的一些資料,剛好最近的一個(gè)APP項(xiàng)目是采用原生Native App和HTMl5一起混用的。也就是我們所說(shuō)的Hybrid開發(fā)。
Hybrid開發(fā)方法結(jié)合了Native開發(fā)和Web技術(shù)。借助這種方法,開發(fā)者就能使用跨平臺(tái)Web技術(shù),開發(fā)應(yīng)用程序的大部分代碼,目前Hybrid開發(fā)已經(jīng)成為一種潮流趨勢(shì)!到今天為止是非常火的。
25學(xué)堂之前報(bào)道的關(guān)于
webAPP的一些常識(shí)。
點(diǎn)擊查看1、什么是移動(dòng)WebApp?
現(xiàn)代移動(dòng)設(shè)備包含功能強(qiáng)大的瀏覽器,這些瀏覽器支持許多新的HTML5功能、CSS3和高級(jí)JavaScript。由于最近在這方面取得的進(jìn)展,HTML5預(yù)示著這項(xiàng)技術(shù)將從一種“頁(yè)面定義語(yǔ)言”,轉(zhuǎn)變成一種功能強(qiáng)大的開發(fā)標(biāo)準(zhǔn),用于開發(fā)豐富的、基于瀏覽器的應(yīng)用程序。
表明HTML5大有潛力的幾個(gè)例子包括:高級(jí)的用戶界面組件、可以訪問(wèn)豐富媒體類型、地理位置服務(wù)和離線功能。使用這些特性和處于開發(fā)中的其他更多特性,開發(fā)者就能僅僅使用Web技術(shù),開發(fā)出高級(jí)應(yīng)用程序。
Web App最突出的優(yōu)勢(shì)之一是,它支持多種平臺(tái),而且開發(fā)成本低。大多數(shù)移動(dòng)開發(fā)商利用了瀏覽器中的同一種渲染引擎:WebKit——主要由谷歌和蘋果領(lǐng)導(dǎo)的這個(gè)開源項(xiàng)目提供了如今最全面的HTML5實(shí)現(xiàn)機(jī)制。由于應(yīng)用程序的代碼用與WebKit兼容的標(biāo)準(zhǔn)Web語(yǔ)言編寫而成,所以一個(gè)應(yīng)用程序在諸多不同的設(shè)備和操作系統(tǒng)上提供了統(tǒng)一的體驗(yàn),因而使得它在默認(rèn)情況下支持多種平臺(tái)。
大家務(wù)必記?。赫嬲囊苿?dòng)Web App不等于 移動(dòng)網(wǎng)站wap
行業(yè)判斷依據(jù)有三點(diǎn):
1、從訪問(wèn)的角度來(lái)講。移動(dòng)webAPP可以創(chuàng)建桌面快捷圖標(biāo)。移動(dòng)網(wǎng)站指南靠輸入網(wǎng)址訪問(wèn)。
2、移動(dòng)webAPP必須提供觸摸操作優(yōu)化的、交互式的用戶體驗(yàn)。而移動(dòng)網(wǎng)站可以不需要采用這些移動(dòng)觸摸技術(shù)。
3、移動(dòng)webAPP可以基本都是HTMl5才編寫。還可以借助第三方軟件打包。
如PhoneGap/Cordova為代表。其基本思路是針對(duì)HTML5標(biāo)準(zhǔn)目前功能上的不足,補(bǔ)充定義了一套比較實(shí)用的API(比如硬件訪問(wèn)/系統(tǒng)交互等),然后基于平臺(tái)上自帶的Web引擎(比如iOS的UIWebview等),通過(guò)擴(kuò)展機(jī)制實(shí)現(xiàn)了這些API,在此基礎(chǔ)上再提供一套應(yīng)用打包部署系統(tǒng)。移動(dòng)網(wǎng)站可以不用HTML5來(lái)編寫。
優(yōu)點(diǎn),應(yīng)該上面講的很明白啦!還有一個(gè)優(yōu)點(diǎn)就是采用webAPP來(lái)開發(fā),成本低,周期短。更新快,跨平臺(tái)性好。
2、最火的APP開發(fā)模式就是:Hybrid開發(fā),看完下面的你就會(huì)明白為什么如今很多APP都是采用這樣的開發(fā)模式。
Hybrid開發(fā)方法結(jié)合了Native開發(fā)和Web技術(shù)。借助這種方法,開發(fā)者就能使用跨平臺(tái)Web技術(shù),開發(fā)應(yīng)用程序的大部分代碼,又可以在需要時(shí)直接訪問(wèn)Native API。
App的Native代碼部分使用操作系統(tǒng)的API來(lái)創(chuàng)建嵌入式HTML渲染引擎,該引擎在瀏覽器和設(shè)備的API之間充當(dāng)了橋梁。這座橋梁讓Hybrid App得以充分利用現(xiàn)代設(shè)備所提供的全部特性。
App開發(fā)者可以選擇編寫自己的橋梁,或者充分利用現(xiàn)成的解決方案,比如PhoneGap——這種開源庫(kù)為有選擇的設(shè)備功能提供了在諸操作系統(tǒng)上保持一致的統(tǒng)一JavaScript接口。
App的Native代碼部分可以獨(dú)立開發(fā),但是市場(chǎng)上的一些解決方案把這種類型的Native容器作為其產(chǎn)品的一部分來(lái)提供,因而讓開發(fā)者有辦法只要使用Web語(yǔ)言,就可以構(gòu)建利用設(shè)備所有特性的高級(jí)App。在一些情況下,解決方案讓開發(fā)者可以充分利用現(xiàn)已掌握的任何Native開發(fā)技能,根據(jù)企業(yè)的獨(dú)特要求來(lái)定制Native容器。
App的Web部分可能是駐留在服務(wù)器上的網(wǎng)頁(yè),也可能是一組HTML、JavaScript、CSS和媒體文件,封裝到App代碼中,存儲(chǔ)在設(shè)備本地。這兩種方法都有其優(yōu)勢(shì)和局限性。放置在服務(wù)器上的HTML代碼讓開發(fā)者不必經(jīng)歷提交和批準(zhǔn)過(guò)程——有些App商店要求這個(gè)過(guò)程,就可以對(duì)App進(jìn)行小幅更新。遺憾的是,這個(gè)方法擯棄了任何離線可用性,因?yàn)樵O(shè)備與網(wǎng)絡(luò)沒(méi)有連接時(shí),無(wú)法訪問(wèn)設(shè)備。另一方面,把Web代碼封裝到App里面可以提高性能和可訪問(wèn)性,但是不允許遠(yuǎn)程更新。如果結(jié)合這兩種開發(fā)方法,也許可以集兩者之所長(zhǎng)。這種系統(tǒng)采用的架構(gòu)可以把HTML資源放置在Web服務(wù)器上,以獲得靈活性,但是又把它們本地緩存在移動(dòng)設(shè)備上,以獲得高性能。
下面是一些關(guān)于HTML5移動(dòng)webAPP的知識(shí)點(diǎn):
1、跨平臺(tái)移動(dòng)web中間件PhoneGap開發(fā)入門知識(shí)和教程
http://mobile.51cto.com/hot-273792.htm
2、中國(guó)最大PhoneGap跨平臺(tái)移動(dòng)互聯(lián)網(wǎng)開發(fā)門戶網(wǎng)
http://www.phonegap100.com/
3、10 款最好用的移動(dòng) webAPP開發(fā)工具
http://www.oschina.net/news/27603/10-mobile-web-tools?from=20120407
6您可能也喜歡:
國(guó)外的HTML5開發(fā)移動(dòng)設(shè)計(jì)網(wǎng)站欣賞goodtwin 20個(gè)HTML5 JavaScript移動(dòng)APP開發(fā)工具【二】 六個(gè)很棒的HTML5移動(dòng)開發(fā)工具,不收藏都不行 用html5+css3開發(fā)webAPP項(xiàng)目前期分析 2015年必火的五個(gè)Html5移動(dòng)開發(fā)工具推薦 Html5移動(dòng)場(chǎng)景實(shí)戰(zhàn)開發(fā)第一課:H5的魅力 妙用html5的八大特性來(lái)開發(fā)移動(dòng)webAPP Html Meta標(biāo)簽的組成和移動(dòng)web開發(fā)5種常用法 手機(jī)網(wǎng)站Html5前端開發(fā)的必備知識(shí)點(diǎn),超贊 移動(dòng)H5開發(fā)入門教程:12點(diǎn)webAPP前端開發(fā)經(jīng)驗(yàn) 移動(dòng)H5開發(fā)入門知識(shí),CSS的單位匯總與用法 用html5+css3開發(fā)webAPP項(xiàng)目基礎(chǔ)知識(shí)介紹無(wú)覓關(guān)聯(lián)推薦[?]