賽拉維的秋天

只要有志開發 Mobile 應用的朋友，
都應該聽過 PhoneGap ，
這是一個行動開發的框架，
簡言之透過這個框架，
開發者可以專心寫 HTML, JavaScript 與 CSS．
與 Native 溝通的事就交給 PhoneGap。 

柯南很久之前就有稍微摸過 PhoneGap ，
但自從 整個專案大名變成 Apache Cordova ，
就沒有再碰過了。
關於這段 PhoneGap 一路走來的歷史， 
有興趣的朋友可以參考 wiki : http://en.wikipedia.org/wiki/PhoneGap

憑良心說，
柯南跟 Android 開發不是很熟，
但對 Eclipse 執行 Android 模擬器的痛苦，
就很有感覺了！
幸好，
這次在 SSD + 8G Ram 加上 Google, Eclipse 也許真的有些進步下，
在模擬器上執行的速度稍微可以接受了！
但模擬器還是比不上 Native Device 就是。 
(實在是很奇怪也!!!)

整個從無到有的安裝步驟 ，
可以在 http://docs.phonegap.com/en/2.0.0/guide_getting-started_android_index.md.html
PhoneGap 的 Getting Started 網站照著做。
基本上就是
1. 安裝 Eclipse 
2. 下載並解開 Android SDK
3. 在 Eclipse 中安裝 ADT Plugin
4. 下載 PhoneGap 最新 lib，然後解開它
5. 新增 Android 專案，把 PhoneGap lib 中的 jar檔跟 js檔 拖到它該在的地方
6. 拷貝與貼上一堆很煩的 xml檔 與 import 字串
7. 撰寫 html 檔, 記得要 將 phonegap 的 js include 進去
7. 建立 avd 也就是模擬器
8. Run as > Android Application 就可以部署到模擬器，或者有 Device 接到電腦，只要有打開 USB debugging 選項，也可以 deploy 到 device上 

如果只是 Hello World 也沒什麼意思，
就去 JQuery Mobile 的網站，
用 Codiqa 的 template 隨意畫了一下 Header, Footer 跟 ListView，
下載 template 檔案後解開，
將 js, css檔案拖到 Eclipse 的專案，
把 template 的 html 也放入，
當然要記得把 phonegap的 js 也放到 html中，
按 run 就可以出現上面圖中的成果了!

說老實話這樣簡單結構的 App在模擬器跑起來竟然還是有點頓頓的，
幸好 deploy 到 galaxy nexus 後感覺還不錯！

希望有朝一日 Android 的模擬器能好好加油才是!
嗯！是希望有朝一日柯南也能上架 自己的 App 到 Android Market 才對 ^^!!

Technorati Tags: Android, PhoneGap, JQuery Mobile, Cordova, Apache