因最近項目中使用Cordova開發Android webapp,相關軟件均為最新版本,下面簡單介紹Win 10_64bit 下Cordova 開發環境和測試環境搭建步驟:
一、Cordova開發環境搭建
1.JAVA環境搭建:
2.Android SDK安裝:選擇常用的Image下載,因虛擬機不能下載模擬器加速插件,在此AVD不介紹
3.安裝Node.js:
4.安裝Cordova:npm install -g cordova,安裝完成后執行命令:
二、Cordova 項目創建和測試
1.cordova項目創建
(注意:當第一次創建或編譯項目的時候,可能系統會自動下載一些東西,需要一些時間。)
在某個目錄下創建cordova項目,打開命令行,
輸入:cordova create TestCordova com.test.TestCordova TestCordova (cordova create <文件夾名> <包名> <app名>)
文件夾目錄:
hooks:存放自定義cordova命令的腳本文件。每個project命令都可以定義before和after的Hook,比如:before_build、after_build。沒使用過。
platforms:平台目錄,各自的平台代碼就放在這里,可以放一下平台專屬的代碼,現在這個目錄應該是空的,后面會介紹如何創建平台。
plugins:插件目錄,安裝的插件會放在這里。后面會有專門的文章介紹開發插件。
www:最重要的目錄,存放項目主題的HTML5和JS代碼的目錄。app一開始打開的就是這個目錄中index.html文件。
config.xml:主要是cordova的一些配置,比如:項目使用了哪些插件、應用圖標icon和啟動頁面SplashScreen,修改app的版本,名字等信息,還有平台的配置。
2.添加平台支持
用命令行進入對應的文件夾,
- 添加平台
輸入:cordova platforms add android
- 移除平台
輸入:cordova platforms rm android (移除android平台支持)
也可以通過@版本號,來添加不同版本的android平台,如
cordova platforms add android@6.0
3.添加和刪除項目插件
- 添加插件
輸入:cordova plugin add cordova-plugin-camera (cordova plugin add <插件官方名稱>)
插件搜索地址:http://cordova.apache.org/plugins/
- 刪除插件
輸入:cordova plugin rm cordova-plugin-camera(使用rm和remove都可以)
- 插件列表
輸入:cordova plugin list(查看當前安裝了哪些插件)
這里的列表應該與文件目錄的列表相同
4.編譯調試程序
不是每一句代碼都需要運行,根據自己的需求進行選擇。
- cordova install android //將編譯好的應用程序安裝到模擬器上。
- cordova emulate android //在模擬器上運行(前提是創建好AVD)
- cordova serve android //在瀏覽器運行
- cordova build android //打包cordova項目到android平台。
- cordova run android //通過USB直接安裝到真機(該語句已經包括了build命令)
例如:cordova build android
5.cordova 測試,測試工具使用GapDebug,請先下載工具並安裝,使用GapDebug是非常簡單的,只需要連接手機,然后就可用起來!
移動端配置
- Android:啟用USB調試
Settings ⇨ Developer Options ⇨ 勾線 USB Debugging
- 允許APP應用調試
以TestCordova項目為例,編輯 platforms/android/AndroidManifest.xml,修改:在 <application>增加 android:debuggable="true" 如圖
重新編譯工程文件,生成apk

GapDebug連接手機,如圖
將重新編譯的apk拖動至GapDebug,即可進行安裝,運行程序即可開始調試,如圖:
在第一次調試APP時需要下載部分JS插件,會出現如下錯誤,借助VPN工具下載,否則無法調試