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