Cordova – 建立開發環境

什麼樣的開發環境?

因為是 Cordova 所以 Android 可以忽略 Android Studio IDE 以及 AVD ,因為要直接連手機測試

但是 IOS 就沒有省略 Xcode 的方式,因為 Mac 的硬體效能較佳,不像 PC 的差異

安裝、設定

步驟

  1. 建立 c:\bin\android 目錄,此目錄就是後續所有 Android 編譯所需用到程式存放位置
  2. 下載 25.2.3 Android SDK,下載最新版 (26.1.1) 不適用因為沒有圖形介面,後續操作不易
  3. 將 tools_r253.2.3-windows.zip 解壓縮到 c:\bin\android
  4. 設定環境變數 PATH
    1. 建立 ANDROID_HOME 變數路徑到 c:\bin\android
    2. 增加 tools 目錄到 PATH
    3. 增加 tools\bin 目錄到 PATH
  5. 打開命令提示字元運行 >android sdk 安裝
    1. Android SDK Tools
    2. Android SDK Platform-tools
    3. Android SDK Build-tools
    4. Google USB Driver
  6. 下載 gradle Gradle | Releases
  7. 解壓縮 gradle-4.9-bin.zip 到 ANDROID_HOME 並改名為 gradle
  8. 增加 gradle\bin 目錄到 PATH

安裝 Cordova 以及實機測試

將手機切換到開發者模式之後,開啟 USB 偵錯,連上電腦後就可以開始安裝 Cordova 以及測試了

 

Cordova – 實體返回按鍵整合

安裝 plugin

HTML

 

JavaScript