上次周例會(huì )我給大家做了題目為:《漫游移動(dòng)平臺前端開(kāi)發(fā)》的匯報,現在推薦一些額外的學(xué)習資料。
依照目前iPhone/Android 迅速提升市占率的情勢來(lái)看,未來(lái)如果想要在先進(jìn)的智慧型手機上撰寫(xiě)應用程式,要不是選擇使用Objective-C + CocoaTouch Framework 撰寫(xiě)iPhone/iPad 應用程式,就是選擇Java + Android Framework 撰寫(xiě)Android 應用程式,如果想要同時(shí)支援兩種平臺,勢必要維護兩套程式碼,對于剛起步的小服務(wù)而言也算是個(gè)小有負擔的維運成本。
大家一起來(lái)用HTML5 開(kāi)發(fā)Mobile Web App 吧!
一、前言
所幸在iPhone 及Android 上的瀏覽器對于HTML5 及CSS3 的支援愈來(lái)愈好,使得原本一定要用原生的應用程式開(kāi)發(fā)框架才能做出來(lái)的效果,現在很多都能利用HTML5 或是CSS3 的技術(shù)來(lái)完成。所以,使用HTML5, CSS3 來(lái)撰寫(xiě)Web-based 的應用程式,若要同時(shí)支援iPhone 及Android,幾乎只需要維護一份程式碼(少部份要因應clients 作修改),而且未來(lái)若有其它行動(dòng)裝置擁有支援HTML5 的瀏覽器,那同樣的WebApp 直接就多了一個(gè)支援平臺。
二、現況
目前大量以HTML5 開(kāi)發(fā)Mobile WebApp 的就屬Google 的系列服務(wù)了。在Google 官方的部落格也早就寫(xiě)了一些利用HTML5 撰寫(xiě)Mobile WebApp 的文章,現在使用iPhone 或Android 透過(guò)瀏覽器連接至GMail、Google Voice、Buzz等服務(wù)就可以看看Google 的成果。
Google 的系列服務(wù)使用了不少HTML5 中的cache、storage 及database 規格來(lái)做到離線(xiàn)存取程式的效果。因為比起桌面應用程式,行動(dòng)裝置的網(wǎng)路連線(xiàn)更不穩定,而且有時(shí)在移動(dòng)中并無(wú)網(wǎng)路可以使用,透過(guò)這些技術(shù)才能讓使用者即使在無(wú)網(wǎng)路環(huán)境下繼續使用你的webapp 。
HTML5 中還定義了不少2D圖形處理、多媒體(Video/Audio)的技術(shù)規格,要在上面制作各種充滿(mǎn)視覺(jué)效果的應用程式也不是完全不可能,使用HTML5 寫(xiě)Mobile Web App 雖然不像原生程式那樣能對行動(dòng)裝置做完整的掌控,但要制作豐富的應用程式是絕對值得投入心力下去的。
三、開(kāi)發(fā)前的準備
首先你要了解的是,雖然是使用HTML5 來(lái)寫(xiě)WebApp,你還是得了解HTTP、Web 的運作模式,并且了解如何利HTML/CSS/JavaScript 開(kāi)發(fā)Web 的前端畫(huà)面、互動(dòng)程式。在這些基本功夫都上手之后,你需要的就是以下的資源:
既然是WebApp,勢必(大多數的情況下)需要一個(gè)Web Server,現在免費的Web/App Server Hosting 也有不少(如:Google App Engine等),都是構成WebApp 不可或缺的要素。
四、其他參考資料(來(lái)自IBM Developmerworks)
《Android 和 iPhone 瀏覽器之戰》系列:
《使用 HTML 5 創(chuàng )建移動(dòng) Web 應用程序》系列:
--------------------------------結束 --------------------------------
本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請
點(diǎn)擊舉報。