Cordova 開發環境和測試環境搭建


因最近項目中使用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工具下載,否則無法調試

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM