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

出自六年制學程
跳轉到: 導覽搜尋
Cordova
Cordova
第 5 行: 第 5 行:
 
*前置安裝作業:
 
*前置安裝作業:
 
*#下載[https://nodejs.org/en/ Node.js]
 
*#下載[https://nodejs.org/en/ Node.js]
*#下載Jdk 8
+
*#下載Jdk 8 (一定要使用JDK版本8才可以使用,不可使用更高版本)
*#下載[https://developer.android.com/studio Android Studio]
+
*#下載[https://developer.android.com/studio Android Studio] (此動作是為了要安裝SDK,但因現在不能單獨下載SDK,而是包含在Android Studio裡面)
 
*#幫JAVA_HOME和ANDROID_HOME建立路徑
 
*#幫JAVA_HOME和ANDROID_HOME建立路徑
 
*安裝Cordova:
 
*安裝Cordova:

2021年3月9日 (二) 10:49的修訂版本

PhoneGap

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

Cordova

  • 前置安裝作業:
    1. 下載Node.js
    2. 下載Jdk 8 (一定要使用JDK版本8才可以使用,不可使用更高版本)
    3. 下載Android Studio (此動作是為了要安裝SDK,但因現在不能單獨下載SDK,而是包含在Android Studio裡面)
    4. 幫JAVA_HOME和ANDROID_HOME建立路徑
  • 安裝Cordova:
    1. 打開命令提示字元(CMD)
    2. 輸入: npm install -g cordova
  • 創建一個Cordova Project:
    1. 在命令提示字元中輸入: cordova create [Project名稱]
    2. 你可以在創建好的Project檔裡看到一個叫www的資料夾,
      裡面放有可更改和設定的html、css和js檔案。
  • 預覽Project:
    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 [平台]
    4. 待資料下載完成後輸入: cordova run [平台]