搭建Dreamweaver CS5.5+PhoneGap移動開發環境

 

搭建開發環境
1.Dreamweaver版本選擇
確認Dreamweaver CS5.5版本號是11.5,內部版本5344以上,不是的話請升級你的版本。Adobe官網有的下,破解方法網上一大堆,主要是通過序列號+改hosts方法。
2.安裝Android SDK
到官網下載Android SDK安裝程序並安裝好,安裝後如圖所示

然後在DW中選擇“站點->移動應用程序->配置應用程序框架”,彈出對話框,在Android SDK路徑中,點右側的文件夾圖標瀏覽到之前安裝的Android SDK位置,然後點保存。如圖所示(注:這裏千萬別點簡易安裝,如果點了話,它會把你原有Android SDK給刪除了)


3.應用程序設置
首先點擊“站點->新建站點”,輸入你自己站點名稱,以及本地站點文件夾路徑,然後保存。如圖所示

然後點擊“站點->移動應用程序->應用程序設置”,打開本機應用程序設置對話框。設置應用程序相關信息後保存,如圖所示

填寫完成後,點擊“管理AVD”,在彈出的Android Virtual Device Manager對話框中,選中列表中的DW_AVD,點擊右側的“Start->Launch”,開始啓動Android虛擬機。

第一次打開速度比較慢,直到出現下圖所示:(注:我的不知道什麼原因點擊“管理AVD”彈出的是Android SDK Manager對話框,上面步驟其實我是手動在Android SDK安裝目錄中打開的)

開發第一個移動應用
1.完成上述步驟之後,在Dreamweaver中點擊“文件->新建”,在彈出的新建文檔對話框中選擇“示例中的頁->Mobile起始頁->jQuery Mobile(PhoneGap)”,然後點創建。如圖所示

2.將文件另存爲HelloWrold文件夾中的index.html,點“保存”。這時會彈出“複製相關文件”對話框,選擇“複製”。如圖所示

3.選擇“站點->移動應用程序->生成和模擬->Android”來等待程序打包併發布到虛擬機。如圖所示

發佈後可能有人會出現“Dreamweaver無法在模擬器中打開XXX”的錯誤信息,如圖所示。

2012/2/25更新

這個問題當我模擬器沒打開由DW來啓動模擬器總是會出現,但是如果自己先打開模擬器了,再點生成和模擬,這時候生成是成功的。但是程序沒安裝到模擬器上,必須手動來安裝,安裝方法如下
安裝Android應用程序
1) 啓動Android模擬器
2) adb install (apk在PC上的路徑/)*.apk
3) Android模擬器界面中瀏覽打開apk應用程序

4.設置完上述步驟並重新生成和模擬,這時應該就可以了,會出現如圖所示的成功信息及效果圖。到這裏就全部完成了。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章