PhoneGap (2.9.0) - Example - Android
關於什麼是PhoneGap,小弟覺得網路資源很多可以參考,所以在這邊引用維基百科的介紹。 http://zh.wikipedia.org/wiki/Adobe_PhoneGap 那大致上之所以有PhoneGap是因為,目前手機開發App時得選邊站,Android系統的App得用Android SDK,以JAVA技術為底,而iOS系統的App以Objective-C開發。那可不可以有一個統一的方式呢?這樣我就不用費盡心力學兩種技術,一個程式寫兩遍,兩邊可能還不太一樣。於是有人想出來,讓兩邊的開發架構內透過瀏覽器讀取網頁 ( HTML5 + CSS3 + javascript ) 的方式來當App的畫面,以達到通用。 OK~ 注意到了,我上面說的是"兩邊的開發架構內",所以PhoneGap只是原本開發專案內的一個新增的函式庫,可以這麼想,所以核心還是在原本開發專案。那麼網頁沒有辦法存取Local file呀,也沒有辦法使用手機的照相機呀,所以PhoneGap建立了這個橋樑,讓你可以使用PhoneGap提供的API,或者自己寫的API,以這樣的方式: javascript ←→ (SDK + PhoneGap) ←→ Mobile Device 來達到。 因此,一但你要使用的東西網頁無法完成,PhoneGap也沒有提供,那麼你就得自己寫API,以Native Code來做完。 總結,PhoneGap不是一個全新的開發體系,而是建構在各開發架構內的函式庫,引用網頁技術來完成一些事情,以減少你跨平台時需要重寫的部分。 那麼接下來我在Windows平台下,使用Eclipse、Android SDK、PhoneGap 2.9.0來從頭做一次給各位看。 首先,如果你沒有以上這些東西,可以到下面這些網址抓。 Android ADT ( Eclipse + Android SDK + Mobile 模擬器 ): http://developer.android.com/sdk/index.html PhoneGap 2.9.0: http://phonegap.com/install/ ( 這邊省略開發環境的設定,如有需要請自行Google學習 ) 首先第一步是使用 Ecl