用Dw搭建Android 移動開發環境

搭建Dreamweaver整合移動開發環境前需要瞭解移動Web開發。移動Web開發顧名思義用傳統Web技術(Html,JavaScript)開發行動裝置 App，目前有兩種方式：

　　1、純網頁開發：

　　使用者通過在瀏覽器中輸入網址訪問，利用HTML5技術可以做到離線儲存、地理位置跟蹤等，缺點無法訪問終端本地API，如：網路攝影機、檔案系統、手機連絡人等。

　　2、基於Web的偽本地應用：

　　Web程式被打包成本地應用安裝在移動終端。比如產生Android的APK安裝包，發行就緒在各大Market市場。優點是理論上可以訪問終端幾乎所有API，但是需要移動中介軟體的支援。我們目前主要討論這種開發方式，關注並研究移動中介軟體PhoneGap。

　　相關技術介紹

　　1、移動Web開發總體架構，按照程式執行順序：

　　移動Web UI架構(Sencha Touch、jQuery Mobile等) -> 移動中介軟體(PhoneGap) -> 作業系統(Android、iOS、BlackBerry、Symbian、webOS)。

　　從左至右，表示程式執行過程中，架構所處的位置，PhoneGap處於頁面和作業系統之間。

　　2、Sencha Touch

　　支援平台相對不多 iPhone、Android和黑莓，但是功能強悍，可以簡單看成Ext在行動裝置的移植版本，如果你熟悉Ext架構會用起來非常順手。像偶這樣不喜歡寫 div 布局頁面的程式員比較喜歡，因為純JavaScript搞定頁面配置，豐富的組件支援，華麗的頁面效果，但是需要考慮效能問題。

　　3、jQuery Mobile

　　Dreamweaver整合該架構和PhoneGap，該組合是前端開發人員最易入手的行動裝置 App開發平台，jQuery Mobile支援很多平台 iOS、Android、Windows Phone 、Blackberr、Symbian 等。

　　搭建開發環境

　　1、關於Dreamweaver版本

　　請確認版本是Dreamweaver CS5.5 版本號碼11.5，若已安裝CS5.5但是版本號碼低於11.5，請移步至本站QQ群171559941下載升級包，否則Android SDK無法安裝。

　　2、安裝 Android SDK

　　該步驟安裝Android模擬器，程式可在模擬器中運行。點擊“網站-》行動裝置 App程式-》配置應用程式架構”，彈出對話方塊見：

　　

　　選擇安裝路徑，點擊“簡易安裝”，等待安裝完成提示。

　　3、本機應用程式配置

　　該步驟設定應用程式名稱、作者姓名、應用ID和啟動虛擬機器。點擊“網站-》行動裝置 App程式-》應用程式設定”，彈出對話方塊見：

　　

　　填寫完後，點擊“管理AVD”，在彈出的對話方塊中，點擊右面的“Start-》Launch”按鈕，開始啟動Android虛擬機器，可能比較慢，直到出現下面介面：

　　

　　開發第一個行動裝置 App

　　1、產生DEMO應用

　　建立網站“HelloAndroid”，然後點擊菜單“檔案-》建立”，見

　　

　　確認建立後，儲存檔案名稱為“index.html”，在彈出對話方塊中按“確認-》複製”按鈕，然後點擊“網站-》行動裝置 App程式-》產生和類比-》Android”等待程式打包發布到虛擬機器吧，發布完成後，請查看虛擬機器出現程式介面：