搭建Dreamweaver CS5.5+PhoneGap移動開發(fā)環(huán)境
搭建開發(fā)環(huán)境
1.Dreamweaver版本選擇
確認(rèn)Dreamweaver CS5.5版本號是11.5,內(nèi)部版本5344以上,不是的話請升級你的版本。Adobe官網(wǎng)有的下,破解方法網(wǎng)上一大堆,主要是通過序列號+改hosts方法。
2.安裝Android SDK
到官網(wǎng)下載Android SDK安裝程序并安裝好,安裝后如圖所示
然后在DW中選擇“站點(diǎn)->移動應(yīng)用程序->配置應(yīng)用程序框架”,彈出對話框,在Android SDK路徑中,點(diǎn)右側(cè)的文件夾圖標(biāo)瀏覽到之前安裝的Android SDK位置,然后點(diǎn)保存。如圖所示(注:這里千萬別點(diǎn)簡易安裝,如果點(diǎn)了話,它會把你原有Android SDK給刪除了)
3.應(yīng)用程序設(shè)置
首先點(diǎn)擊“站點(diǎn)->新建站點(diǎn)”,輸入你自己站點(diǎn)名稱,以及本地站點(diǎn)文件夾路徑,然后保存。如圖所示
然后點(diǎn)擊“站點(diǎn)->移動應(yīng)用程序->應(yīng)用程序設(shè)置”,打開本機(jī)應(yīng)用程序設(shè)置對話框。設(shè)置應(yīng)用程序相關(guān)信息后保存,如圖所示
填寫完成后,點(diǎn)擊“管理AVD”,在彈出的Android Virtual Device Manager對話框中,選中列表中的DW_AVD,點(diǎn)擊右側(cè)的“Start->Launch”,開始啟動Android虛擬機(jī)。
第一次打開速度比較慢,直到出現(xiàn)下圖所示:(注:我的不知道什么原因點(diǎn)擊“管理AVD”彈出的是Android SDK Manager對話框,上面步驟其實(shí)我是手動在Android SDK安裝目錄中打開的)
開發(fā)第一個(gè)移動應(yīng)用
1.完成上述步驟之后,在Dreamweaver中點(diǎn)擊“文件->新建”,在彈出的新建文檔對話框中選擇“示例中的頁->Mobile起始頁->jQuery Mobile(PhoneGap)”,然后點(diǎn)創(chuàng)建。如圖所示
2.將文件另存為HelloWrold文件夾中的index.html,點(diǎn)“保存”。這時(shí)會彈出“復(fù)制相關(guān)文件”對話框,選擇“復(fù)制”。如圖所示
3.選擇“站點(diǎn)->移動應(yīng)用程序->生成和模擬->Android”來等待程序打包并發(fā)布到虛擬機(jī)。如圖所示
發(fā)布后可能有人會出現(xiàn)“Dreamweaver無法在模擬器中打開XXX”的錯(cuò)誤信息,如圖所示。
2012/2/25更新
這個(gè)問題當(dāng)我模擬器沒打開由DW來啟動模擬器總是會出現(xiàn),但是如果自己先打開模擬器了,再點(diǎn)生成和模擬,這時(shí)候生成是成功的。但是程序沒安裝到模擬器上,必須手動來安裝,安裝方法如下
安裝Android應(yīng)用程序
1) 啟動Android模擬器
2) adb install (apk在PC上的路徑/)*.apk
3) Android模擬器界面中瀏覽打開apk應(yīng)用程序
4.設(shè)置完上述步驟并重新生成和模擬,這時(shí)應(yīng)該就可以了,會出現(xiàn)如圖所示的成功信息及效果圖。到這里就全部完成了。
?