駱海玉

摘要：隨著計算機信息網(wǎng)絡(luò)的迅速發(fā)展，手機應(yīng)用越來越普遍，這就使得計算機網(wǎng)頁編程，逐漸的從傳統(tǒng)的網(wǎng)頁更深層次的延伸到了移動手機應(yīng)用的開發(fā)，本文就我們熟知的Dreamweaver CS5.5環(huán)境下，配置PhoneGap移動開發(fā)環(huán)境，做了詳細(xì)的講解，讓普通的程序員能夠輕松掌握移動開發(fā)環(huán)境的配置及運用。

關(guān)鍵詞：Dreamweaver PhoneGap 移動開發(fā)

中圖分類號：TP31 文獻(xiàn)標(biāo)識碼：A 文章編號：1007-9416（2016）05-0000-00

1 搭建開發(fā)環(huán)境

（1）Dreamweaver環(huán)境配置：首先安裝Dreamweaver CS5.5，注意版本號需要是11.5以上，如果版本低的話，請卸載后重新下載安裝。

（2）配置Android SDK軟件開發(fā)工具包，Android SDK采用了Java語言，所以需要先安裝JDK 5.0及以上版本。直接下載jdk安裝文件安裝更為方便，Android SDK不用安裝，下載后，直接解壓即可，將下載后的SDK的壓縮包解壓到適當(dāng)?shù)奈恢茫惭b后圖1所示。

然后在Dreamweaver CS5.5頂部菜單欄中選擇“站點->移動應(yīng)用程序->配置應(yīng)用程序框架”，彈出配置應(yīng)用程序框架對話框，選擇我們以前安裝Android SDK路徑，選擇Android SDK文件，保存退出。如圖2所示。

（3）設(shè)置站點應(yīng)用程序：首先打開“站點->新建站點”，輸入該站點的名稱，配置站點文件路徑，保存后退出。如圖3所示。

然后點擊“站點->移動應(yīng)用程序->應(yīng)用程序設(shè)置”，打開本機應(yīng)用程序設(shè)置對話框。設(shè)置應(yīng)用程序相關(guān)信息后保存，如圖4所示。

填寫相關(guān)的選項，比如應(yīng)用程序的名稱，作者的姓名，及版本號，以及程序的的保存路徑。目標(biāo)操作系統(tǒng)版本選擇DW_AVD。（如圖5）

2 下面我面開發(fā)一個移動的應(yīng)用程序

（1）配置完成了環(huán)境，我們打開Dreamweavercs5.5中菜單，選擇文件，點擊新建，選擇“示例中的頁->Mobile起始頁->jQuery Mobile（PhoneGap）”，點擊創(chuàng)建，就可以創(chuàng)建一個移動的應(yīng)用程序。如圖6所示。

（2）將文件另存為我們需要保存的文件夾中的文件index.html，保存文件后，就會彈出對話框“復(fù)制相關(guān)文件”，點擊“復(fù)制”按鈕即可。如圖7所示

（3）發(fā)布虛擬機，我們選擇頂部菜單“站點->移動應(yīng)用程序->生成和模擬->Android”，就可以發(fā)布了。如圖8、圖9所示。

至此，我們在Dreamweaver CS5.5環(huán)境下，配置的PhoneGap移動開發(fā)環(huán)境已經(jīng)完成，學(xué)習(xí)開發(fā)過程中，會遇到各種各樣的問題，需要我們?nèi)ゲ粩嗟奶剿?，開發(fā)出我們需要的移動應(yīng)用程序，順應(yīng)網(wǎng)絡(luò)信息時代計算機編程的需求。