JQuery Mobile移動Web應用開發(2):開發環境搭建

上一節介紹的RID可以方便的產生HTML5 UI，那麼，如何將設計的UI作為一個應用部署到Andorid或iOS上呢？

1. 手動建立native應用

先說一下什麼是native，打個比方，iOS應用副檔名是ipa，android副檔名是apk，那麼ipa對於iOS來說就是native應用，apk對於android來說就是native。也就是說，ipa無法直接部署到非iOS上，apk也無法直接部署到非Android上。雖然HTML5是跨平台的，就好比是windows下、Linux下、Mac下都可以通過各種不同的瀏覽器開啟並查看html檔案，但是HTML5應用在每個平台下需要有個載體（或者稱之為容器）的東東才能運行，所以開發出來的HTML5頁面必須在ipa應用中才能在iOS上運行，在Android上同理。

在iOS上開發HTML5應用的方法是：用Xcode建立一個應用，放置一個webview，然後讓webview作為HTML5頁面的入口。

具體Android上還沒有試過，應該也是採用類似的方法。

2. 通過PhoneGap產生native應用

PhoneGap的作用就是取帶1中使用者自己建立相應的工程的繁瑣的過程，如果要產生iOS應用，那麼PhoneGap會自動建立一個Xcode工程，並產生了了帶有webview的架構，使用者只需專註於開發HTML5即可。如果要產生Android應用，那麼PhoneGap會自動建立Andorid應用。並不是說PoneGap產生的應用本身是跨平台的，而是說可以將同一份HTML5頁面針對不同的平台分別自動產生相應平台的應用。其目的就是為了提高開發人員在各個不同平台開發部署時效率，開發人員只需關心HTML5頁面的設計。

3. 開發環境

採用RID可以產生頁面元素，但是我們往往需要自己手動修改頁面，可以採用文字編輯器、Dreamweaver（window下）等。如果是在iOS上開發，則可以直接通過Xcode在模擬器上或真機上調試。如果是在Android上，可以通過Eclipse來在模擬器或真機上調試。由於僅僅是設計HTML5頁面，可以通過Dreamweaver來設計頁面，並直接在模擬器或真機上調試。因此，這裡之介紹採用Dreamweaver來開發Android應用的環境。http://blog.csdn.net/leikaixin/article/details/7258116介紹了如何安裝開發環境。

這個過程中可能存在的問題：

A. 通過Dreamweaver在Android上產生類比程式時可能無法直接部署到Android模擬器上，這時需要去Android SDK的tools目錄下或platform-tools找到adb.exe檔案，然後在相應檔案夾的命令列中運行adb install ***.apk。

B. 如果運行adb命令時提示error:
more than one device and emulator，那麼去進程中殺掉adb.exe，然後再次運行上述命令。