App開發：修訂版本之間的差異
出自六年制學程
（→Cordova） |
（→Cordova） |
||
| 第 7 行： | 第 7 行： | ||
*#下載Jdk 8 (一定要使用JDK版本8才可以使用，不可使用更高版本) | *#下載Jdk 8 (一定要使用JDK版本8才可以使用，不可使用更高版本) | ||
*#下載[https://developer.android.com/studio Android Studio] (此動作是為了要安裝SDK，但因現在不能單獨下載SDK，而是包含在Android Studio裡面) | *#下載[https://developer.android.com/studio Android Studio] (此動作是為了要安裝SDK，但因現在不能單獨下載SDK，而是包含在Android Studio裡面) | ||
| − | *#下載[https://gradle.org/next-steps/?version=6.8.3&format=bin Gradle 6.8.3] | + | *#下載[https://gradle.org/next-steps/?version=6.8.3&format=bin Gradle 6.8.3] <br>(在任意槽碟新增名為Gradle的資料夾，並將下載之壓縮檔放入此資料夾並解壓縮) |
*#幫JDK、SDK和Gradle建立系統路徑<br>開啟資料夾 -> 對【本機】按右鍵 -> 內容 -> 進階系統設定 -> 環境變數 -> 系統變數 -> 新增 | *#幫JDK、SDK和Gradle建立系統路徑<br>開啟資料夾 -> 對【本機】按右鍵 -> 內容 -> 進階系統設定 -> 環境變數 -> 系統變數 -> 新增 | ||
| 第 16 行： | 第 16 行： | ||
*#在命令提示字元中輸入: cordova create [Project名稱] | *#在命令提示字元中輸入: cordova create [Project名稱] | ||
*#你可以在創建好的Project檔裡看到一個叫www的資料夾，<br>裡面放有可更改和設定的html、css和js檔案。 | *#你可以在創建好的Project檔裡看到一個叫www的資料夾，<br>裡面放有可更改和設定的html、css和js檔案。 | ||
| − | * | + | *新增平台: |
| − | *#在命令提示字元中輸入: cd [ | + | *#在命令提示字元中輸入: cd [Project資料夾路徑] |
*#輸入: cordova platform -1 可看到可用平台:<br>android 9.0.0<br>browser 6.0.0<br>electron 1.0.0<br> windows 7.0.0 | *#輸入: cordova platform -1 可看到可用平台:<br>android 9.0.0<br>browser 6.0.0<br>electron 1.0.0<br> windows 7.0.0 | ||
*#輸入: cordova platform add [平台] | *#輸入: cordova platform add [平台] | ||
| − | * | + | *Build Apk: |
| + | *# | ||
| + | |||
*參考影片: https://www.youtube.com/watch?v=ElIDUfPxfmU | *參考影片: https://www.youtube.com/watch?v=ElIDUfPxfmU | ||
2021年3月9日 (二) 11:23的修訂版本
PhoneGap
- 不知道為甚麼，下載PhoneGap Desktop的程式打開來後就會一直轉圈圈載入，無法使用。
Cordova
- 前置安裝作業:
- 下載Node.js
- 下載Jdk 8 (一定要使用JDK版本8才可以使用，不可使用更高版本)
- 下載Android Studio (此動作是為了要安裝SDK，但因現在不能單獨下載SDK，而是包含在Android Studio裡面)
- 下載Gradle 6.8.3
(在任意槽碟新增名為Gradle的資料夾，並將下載之壓縮檔放入此資料夾並解壓縮) - 幫JDK、SDK和Gradle建立系統路徑
開啟資料夾 -> 對【本機】按右鍵 -> 內容 -> 進階系統設定 -> 環境變數 -> 系統變數 -> 新增
- 安裝Cordova:
- 打開命令提示字元(CMD)
- 輸入: npm install -g cordova
- 創建一個Cordova Project:
- 在命令提示字元中輸入: cordova create [Project名稱]
- 你可以在創建好的Project檔裡看到一個叫www的資料夾，
裡面放有可更改和設定的html、css和js檔案。
- 新增平台:
- 在命令提示字元中輸入: cd [Project資料夾路徑]
- 輸入: cordova platform -1 可看到可用平台:
android 9.0.0
browser 6.0.0
electron 1.0.0
windows 7.0.0 - 輸入: cordova platform add [平台]
- Build Apk:
