App開發:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
Cordova
Cordova
第 10 行: 第 10 行:
 
*#幫JDK、SDK和Gradle建立系統路徑<br>開啟資料夾 -> 對【本機】按右鍵 -> 內容 -> 進階系統設定 -> 環境變數 -> 系統變數 -> 新增
 
*#幫JDK、SDK和Gradle建立系統路徑<br>開啟資料夾 -> 對【本機】按右鍵 -> 內容 -> 進階系統設定 -> 環境變數 -> 系統變數 -> 新增
 
*#找到JDK安裝檔案路徑並複製路徑<br><img src='http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝1.png' height='*' width='550' /><br><img src='http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝2.png' height='*' width='550' />
 
*#找到JDK安裝檔案路徑並複製路徑<br><img src='http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝1.png' height='*' width='550' /><br><img src='http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝2.png' height='*' width='550' />
<br>
 
 
*#在新增系統變數中,變數名稱設為 JAVA_HOME 並將複製路徑貼在變數值中,按確定新增<br><img src='http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝3.png' height='*' width='550' />
 
*#在新增系統變數中,變數名稱設為 JAVA_HOME 並將複製路徑貼在變數值中,按確定新增<br><img src='http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝3.png' height='*' width='550' />
 
*安裝Cordova:
 
*安裝Cordova:

2021年3月9日 (二) 11:46的修訂版本

PhoneGap

  • 不知道為甚麼,下載PhoneGap Desktop的程式打開來後就會一直轉圈圈載入,無法使用。

Cordova

  • 前置安裝作業:
    1. 下載Node.js
    2. 下載Jdk 8 (一定要使用JDK版本8才可以使用,不可使用更高版本)
    3. 下載Android Studio (此動作是為了要安裝SDK,但因現在不能單獨下載SDK,而是包含在Android Studio裡面)
      下載Android Studio並開啟 -> 按Configure -> SDK Manager -> 選擇Android 5.0(Lollipop) -> 按Ok安裝
      (下載Android 5.0是因為對普遍Android系統支援度較高)
    4. 下載Gradle 6.8.3
      (在任意槽碟新增名為Gradle的資料夾,並將下載之壓縮檔放入此資料夾並解壓縮)
    5. 幫JDK、SDK和Gradle建立系統路徑
      開啟資料夾 -> 對【本機】按右鍵 -> 內容 -> 進階系統設定 -> 環境變數 -> 系統變數 -> 新增
    6. 找到JDK安裝檔案路徑並複製路徑

    7. 在新增系統變數中,變數名稱設為 JAVA_HOME 並將複製路徑貼在變數值中,按確定新增
  • 安裝Cordova:
    1. 打開命令提示字元(CMD)
    2. 輸入: npm install -g cordova
  • 創建一個Cordova Project:
    1. 在命令提示字元中輸入: cordova create [Project名稱]
    2. 你可以在創建好的Project檔裡看到一個叫www的資料夾,
      裡面放有可更改和設定的html、css和js檔案。
  • 新增平台:
    1. 在命令提示字元中輸入: cd [Project資料夾路徑]
    2. 輸入: cordova platform -1 可看到可用平台:
      android 9.0.0
      browser 6.0.0
      electron 1.0.0
      windows 7.0.0
    3. 輸入: cordova platform add [平台]
  • Build Apk: