http://jendo.synology.me/wiki1231/api.php?action=feedcontributions&feedformat=atom&user=%E6%BD%98%E5%AE%97%E5%84%80 六年制學程 - 使用者貢獻 [zh-tw] 2026-04-10T00:46:01Z 使用者貢獻 MediaWiki 1.35.14 http://jendo.synology.me/wiki1231/index.php?title=App%E9%96%8B%E7%99%BC&diff=55051 App開發 2021-04-01T04:17:19Z <p>潘宗儀：​/* Cordova */</p> <hr /> <div>==PhoneGap==<br /> *不知道為甚麼，下載PhoneGap Desktop的程式打開來後就會一直轉圈圈載入，無法使用。<br /> <br /> ==Cordova==<br /> *前置安裝作業:<br /> *#下載[https://nodejs.org/en/ Node.js]<br /> *#下載Jdk 8 (一定要使用JDK版本8才可以使用，不可使用更高版本)<br /> *#下載[https://developer.android.com/studio Android Studio] (此動作是為了要安裝SDK，但因現在不能單獨下載SDK，而是包含在Android Studio裡面)&lt;br&gt;下載Android Studio並開啟 -&gt; 按Configure -&gt; SDK Manager -&gt; 選擇Android 5.0(Lollipop) -&gt; 按Ok安裝&lt;br&gt;(下載Android 5.0是因為對普遍Android系統支援度較高)<br /> *#下載[https://gradle.org/next-steps/?version=6.8.3&amp;format=bin Gradle 6.8.3] &lt;br&gt;(在任意槽碟新增名為Gradle的資料夾，並將下載之壓縮檔放入此資料夾並解壓縮)<br /> *#幫JDK、SDK和Gradle建立系統路徑&lt;br&gt;開啟資料夾 -&gt; 對【本機】按右鍵 -&gt; 內容 -&gt; 進階系統設定 -&gt; 環境變數 -&gt; 系統變數 -&gt; 新增<br /> *#找到JDK安裝檔案路徑並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在新增系統變數中，變數名稱設為 JAVA_HOME 並將複製路徑貼在變數值中，按確定新增&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#找到SDK安裝檔案路徑並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在新增系統變數中，變數名稱設為 ANDROID_HOME 並將複製路徑貼在變數值中，按確定新增&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在系統變數當中找到 Path 對 Path 按編輯&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#找到Gradle的bin資料夾並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在 Path 的編輯變數中按新增，並把路徑貼上按確定即可&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝4.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *安裝Cordova:<br /> *#打開命令提示字元(CMD)<br /> *#輸入: npm install -g cordova<br /> *創建一個Cordova Project:<br /> *#在命令提示字元中輸入: cordova create [Project名稱]<br /> *#你可以在創建好的Project檔裡看到一個叫www的資料夾，&lt;br&gt;裡面放有可更改和設定的html、css和js檔案。<br /> *新增平台:<br /> *#在命令提示字元中輸入: cd [Project資料夾路徑]<br /> *#輸入: cordova platform -1 可看到可用平台:&lt;br&gt;android 9.0.0&lt;br&gt;browser 6.0.0&lt;br&gt;electron 1.0.0&lt;br&gt; windows 7.0.0<br /> *#輸入: cordova platform add [平台]<br /> *#如使用平台browser (cordova platform add browser)輸入cordova run browser&lt;br&gt;即可使用電腦網頁顯示預覽畫面&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/CordovaBrowser顯示畫面.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *Build Apk:<br /> *#在命令提示字元中輸入: cd [Project資料夾路徑]<br /> *#輸入: cordova build android<br /> *#待指令跑完後，會顯示創建好的Apk檔路徑，下載Apk檔至手機中，即可安裝App&lt;br&gt;(第一次執行會需要較久時間)<br /> <br /> *安裝Cordova HelloWorld App(預設):<br /> *#當把HelloWorld.apk檔案放進手機檔案內進行安裝，點進去後畫面呈現如下:&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/CordovaApp手機畫面.png&#039; height=&#039;300&#039; width=&#039;*&#039; /&gt;<br /> <br /> <br /> <br /> <br /> *參考影片: https://www.youtube.com/watch?v=ElIDUfPxfmU</div> 潘宗儀 http://jendo.synology.me/wiki1231/index.php?title=App%E9%96%8B%E7%99%BC&diff=55050 App開發 2021-04-01T04:17:00Z <p>潘宗儀：​/* Cordova */</p> <hr /> <div>==PhoneGap==<br /> *不知道為甚麼，下載PhoneGap Desktop的程式打開來後就會一直轉圈圈載入，無法使用。<br /> <br /> ==Cordova==<br /> *前置安裝作業:<br /> *#下載[https://nodejs.org/en/ Node.js]<br /> *#下載Jdk 8 (一定要使用JDK版本8才可以使用，不可使用更高版本)<br /> *#下載[https://developer.android.com/studio Android Studio] (此動作是為了要安裝SDK，但因現在不能單獨下載SDK，而是包含在Android Studio裡面)&lt;br&gt;下載Android Studio並開啟 -&gt; 按Configure -&gt; SDK Manager -&gt; 選擇Android 5.0(Lollipop) -&gt; 按Ok安裝&lt;br&gt;(下載Android 5.0是因為對普遍Android系統支援度較高)<br /> *#下載[https://gradle.org/next-steps/?version=6.8.3&amp;format=bin Gradle 6.8.3] &lt;br&gt;(在任意槽碟新增名為Gradle的資料夾，並將下載之壓縮檔放入此資料夾並解壓縮)<br /> *#幫JDK、SDK和Gradle建立系統路徑&lt;br&gt;開啟資料夾 -&gt; 對【本機】按右鍵 -&gt; 內容 -&gt; 進階系統設定 -&gt; 環境變數 -&gt; 系統變數 -&gt; 新增<br /> *#找到JDK安裝檔案路徑並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在新增系統變數中，變數名稱設為 JAVA_HOME 並將複製路徑貼在變數值中，按確定新增&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#找到SDK安裝檔案路徑並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在新增系統變數中，變數名稱設為 ANDROID_HOME 並將複製路徑貼在變數值中，按確定新增&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在系統變數當中找到 Path 對 Path 按編輯&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#找到Gradle的bin資料夾並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在 Path 的編輯變數中按新增，並把路徑貼上按確定即可&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝4.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *安裝Cordova:<br /> *#打開命令提示字元(CMD)<br /> *#輸入: npm install -g cordova<br /> *創建一個Cordova Project:<br /> *#在命令提示字元中輸入: cordova create [Project名稱]<br /> *#你可以在創建好的Project檔裡看到一個叫www的資料夾，&lt;br&gt;裡面放有可更改和設定的html、css和js檔案。<br /> *新增平台:<br /> *#在命令提示字元中輸入: cd [Project資料夾路徑]<br /> *#輸入: cordova platform -1 可看到可用平台:&lt;br&gt;android 9.0.0&lt;br&gt;browser 6.0.0&lt;br&gt;electron 1.0.0&lt;br&gt; windows 7.0.0<br /> *#輸入: cordova platform add [平台]<br /> *#如使用平台browser (cordova platform add browser)輸入cordova run browser&lt;br&gt;即可使用電腦網頁顯示預覽畫面&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/CordovaBrowser顯示畫面.png&#039; height=&#039;*&#039; width=&#039;350&#039; /&gt;<br /> *Build Apk:<br /> *#在命令提示字元中輸入: cd [Project資料夾路徑]<br /> *#輸入: cordova build android<br /> *#待指令跑完後，會顯示創建好的Apk檔路徑，下載Apk檔至手機中，即可安裝App&lt;br&gt;(第一次執行會需要較久時間)<br /> <br /> *安裝Cordova HelloWorld App(預設):<br /> *#當把HelloWorld.apk檔案放進手機檔案內進行安裝，點進去後畫面呈現如下:&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/CordovaApp手機畫面.png&#039; height=&#039;300&#039; width=&#039;*&#039; /&gt;<br /> <br /> <br /> <br /> <br /> *參考影片: https://www.youtube.com/watch?v=ElIDUfPxfmU</div> 潘宗儀 http://jendo.synology.me/wiki1231/index.php?title=App%E9%96%8B%E7%99%BC&diff=55049 App開發 2021-04-01T04:16:42Z <p>潘宗儀：​/* Cordova */</p> <hr /> <div>==PhoneGap==<br /> *不知道為甚麼，下載PhoneGap Desktop的程式打開來後就會一直轉圈圈載入，無法使用。<br /> <br /> ==Cordova==<br /> *前置安裝作業:<br /> *#下載[https://nodejs.org/en/ Node.js]<br /> *#下載Jdk 8 (一定要使用JDK版本8才可以使用，不可使用更高版本)<br /> *#下載[https://developer.android.com/studio Android Studio] (此動作是為了要安裝SDK，但因現在不能單獨下載SDK，而是包含在Android Studio裡面)&lt;br&gt;下載Android Studio並開啟 -&gt; 按Configure -&gt; SDK Manager -&gt; 選擇Android 5.0(Lollipop) -&gt; 按Ok安裝&lt;br&gt;(下載Android 5.0是因為對普遍Android系統支援度較高)<br /> *#下載[https://gradle.org/next-steps/?version=6.8.3&amp;format=bin Gradle 6.8.3] &lt;br&gt;(在任意槽碟新增名為Gradle的資料夾，並將下載之壓縮檔放入此資料夾並解壓縮)<br /> *#幫JDK、SDK和Gradle建立系統路徑&lt;br&gt;開啟資料夾 -&gt; 對【本機】按右鍵 -&gt; 內容 -&gt; 進階系統設定 -&gt; 環境變數 -&gt; 系統變數 -&gt; 新增<br /> *#找到JDK安裝檔案路徑並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在新增系統變數中，變數名稱設為 JAVA_HOME 並將複製路徑貼在變數值中，按確定新增&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#找到SDK安裝檔案路徑並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在新增系統變數中，變數名稱設為 ANDROID_HOME 並將複製路徑貼在變數值中，按確定新增&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在系統變數當中找到 Path 對 Path 按編輯&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#找到Gradle的bin資料夾並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在 Path 的編輯變數中按新增，並把路徑貼上按確定即可&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝4.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *安裝Cordova:<br /> *#打開命令提示字元(CMD)<br /> *#輸入: npm install -g cordova<br /> *創建一個Cordova Project:<br /> *#在命令提示字元中輸入: cordova create [Project名稱]<br /> *#你可以在創建好的Project檔裡看到一個叫www的資料夾，&lt;br&gt;裡面放有可更改和設定的html、css和js檔案。<br /> *新增平台:<br /> *#在命令提示字元中輸入: cd [Project資料夾路徑]<br /> *#輸入: cordova platform -1 可看到可用平台:&lt;br&gt;android 9.0.0&lt;br&gt;browser 6.0.0&lt;br&gt;electron 1.0.0&lt;br&gt; windows 7.0.0<br /> *#輸入: cordova platform add [平台]<br /> *#如使用平台browser (cordova platform add browser)輸入cordova run browser&lt;br&gt;即可使用電腦網頁顯示預覽畫面&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/CordovaBrowser顯示畫面.png&#039; height=&#039;*&#039; width=&#039;250&#039; /&gt;<br /> *Build Apk:<br /> *#在命令提示字元中輸入: cd [Project資料夾路徑]<br /> *#輸入: cordova build android<br /> *#待指令跑完後，會顯示創建好的Apk檔路徑，下載Apk檔至手機中，即可安裝App&lt;br&gt;(第一次執行會需要較久時間)<br /> <br /> *安裝Cordova HelloWorld App(預設):<br /> *#當把HelloWorld.apk檔案放進手機檔案內進行安裝，點進去後畫面呈現如下:&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/CordovaApp手機畫面.png&#039; height=&#039;300&#039; width=&#039;*&#039; /&gt;<br /> <br /> <br /> <br /> <br /> *參考影片: https://www.youtube.com/watch?v=ElIDUfPxfmU</div> 潘宗儀 http://jendo.synology.me/wiki1231/index.php?title=App%E9%96%8B%E7%99%BC&diff=55048 App開發 2021-04-01T04:14:55Z <p>潘宗儀：​/* Cordova */</p> <hr /> <div>==PhoneGap==<br /> *不知道為甚麼，下載PhoneGap Desktop的程式打開來後就會一直轉圈圈載入，無法使用。<br /> <br /> ==Cordova==<br /> *前置安裝作業:<br /> *#下載[https://nodejs.org/en/ Node.js]<br /> *#下載Jdk 8 (一定要使用JDK版本8才可以使用，不可使用更高版本)<br /> *#下載[https://developer.android.com/studio Android Studio] (此動作是為了要安裝SDK，但因現在不能單獨下載SDK，而是包含在Android Studio裡面)&lt;br&gt;下載Android Studio並開啟 -&gt; 按Configure -&gt; SDK Manager -&gt; 選擇Android 5.0(Lollipop) -&gt; 按Ok安裝&lt;br&gt;(下載Android 5.0是因為對普遍Android系統支援度較高)<br /> *#下載[https://gradle.org/next-steps/?version=6.8.3&amp;format=bin Gradle 6.8.3] &lt;br&gt;(在任意槽碟新增名為Gradle的資料夾，並將下載之壓縮檔放入此資料夾並解壓縮)<br /> *#幫JDK、SDK和Gradle建立系統路徑&lt;br&gt;開啟資料夾 -&gt; 對【本機】按右鍵 -&gt; 內容 -&gt; 進階系統設定 -&gt; 環境變數 -&gt; 系統變數 -&gt; 新增<br /> *#找到JDK安裝檔案路徑並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在新增系統變數中，變數名稱設為 JAVA_HOME 並將複製路徑貼在變數值中，按確定新增&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#找到SDK安裝檔案路徑並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在新增系統變數中，變數名稱設為 ANDROID_HOME 並將複製路徑貼在變數值中，按確定新增&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在系統變數當中找到 Path 對 Path 按編輯&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#找到Gradle的bin資料夾並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在 Path 的編輯變數中按新增，並把路徑貼上按確定即可&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝4.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *安裝Cordova:<br /> *#打開命令提示字元(CMD)<br /> *#輸入: npm install -g cordova<br /> *創建一個Cordova Project:<br /> *#在命令提示字元中輸入: cordova create [Project名稱]<br /> *#你可以在創建好的Project檔裡看到一個叫www的資料夾，&lt;br&gt;裡面放有可更改和設定的html、css和js檔案。<br /> *新增平台:<br /> *#在命令提示字元中輸入: cd [Project資料夾路徑]<br /> *#輸入: cordova platform -1 可看到可用平台:&lt;br&gt;android 9.0.0&lt;br&gt;browser 6.0.0&lt;br&gt;electron 1.0.0&lt;br&gt; windows 7.0.0<br /> *#輸入: cordova platform add [平台]<br /> *#如使用平台browser (cordova platform add browser)輸入cordova run browser&lt;br&gt;即可使用電腦網頁顯示預覽畫面&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Cordova Browser顯示畫面.png&#039; height=&#039;*&#039; width=&#039;250&#039; /&gt;<br /> *Build Apk:<br /> *#在命令提示字元中輸入: cd [Project資料夾路徑]<br /> *#輸入: cordova build android<br /> *#待指令跑完後，會顯示創建好的Apk檔路徑，下載Apk檔至手機中，即可安裝App&lt;br&gt;(第一次執行會需要較久時間)<br /> <br /> *安裝Cordova HelloWorld App(預設):<br /> *#當把HelloWorld.apk檔案放進手機檔案內進行安裝，點進去後畫面呈現如下:&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/CordovaApp手機畫面.png&#039; height=&#039;300&#039; width=&#039;*&#039; /&gt;<br /> <br /> <br /> <br /> <br /> *參考影片: https://www.youtube.com/watch?v=ElIDUfPxfmU</div> 潘宗儀 http://jendo.synology.me/wiki1231/index.php?title=App%E9%96%8B%E7%99%BC&diff=55047 App開發 2021-04-01T04:09:23Z <p>潘宗儀：​</p> <hr /> <div>==PhoneGap==<br /> *不知道為甚麼，下載PhoneGap Desktop的程式打開來後就會一直轉圈圈載入，無法使用。<br /> <br /> ==Cordova==<br /> *前置安裝作業:<br /> *#下載[https://nodejs.org/en/ Node.js]<br /> *#下載Jdk 8 (一定要使用JDK版本8才可以使用，不可使用更高版本)<br /> *#下載[https://developer.android.com/studio Android Studio] (此動作是為了要安裝SDK，但因現在不能單獨下載SDK，而是包含在Android Studio裡面)&lt;br&gt;下載Android Studio並開啟 -&gt; 按Configure -&gt; SDK Manager -&gt; 選擇Android 5.0(Lollipop) -&gt; 按Ok安裝&lt;br&gt;(下載Android 5.0是因為對普遍Android系統支援度較高)<br /> *#下載[https://gradle.org/next-steps/?version=6.8.3&amp;format=bin Gradle 6.8.3] &lt;br&gt;(在任意槽碟新增名為Gradle的資料夾，並將下載之壓縮檔放入此資料夾並解壓縮)<br /> *#幫JDK、SDK和Gradle建立系統路徑&lt;br&gt;開啟資料夾 -&gt; 對【本機】按右鍵 -&gt; 內容 -&gt; 進階系統設定 -&gt; 環境變數 -&gt; 系統變數 -&gt; 新增<br /> *#找到JDK安裝檔案路徑並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在新增系統變數中，變數名稱設為 JAVA_HOME 並將複製路徑貼在變數值中，按確定新增&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#找到SDK安裝檔案路徑並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在新增系統變數中，變數名稱設為 ANDROID_HOME 並將複製路徑貼在變數值中，按確定新增&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在系統變數當中找到 Path 對 Path 按編輯&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#找到Gradle的bin資料夾並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在 Path 的編輯變數中按新增，並把路徑貼上按確定即可&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝4.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *安裝Cordova:<br /> *#打開命令提示字元(CMD)<br /> *#輸入: npm install -g cordova<br /> *創建一個Cordova Project:<br /> *#在命令提示字元中輸入: cordova create [Project名稱]<br /> *#你可以在創建好的Project檔裡看到一個叫www的資料夾，&lt;br&gt;裡面放有可更改和設定的html、css和js檔案。<br /> *新增平台:<br /> *#在命令提示字元中輸入: cd [Project資料夾路徑]<br /> *#輸入: cordova platform -1 可看到可用平台:&lt;br&gt;android 9.0.0&lt;br&gt;browser 6.0.0&lt;br&gt;electron 1.0.0&lt;br&gt; windows 7.0.0<br /> *#輸入: cordova platform add [平台]<br /> *Build Apk:<br /> *#在命令提示字元中輸入: cd [Project資料夾路徑]<br /> *#輸入: cordova build android<br /> *#待指令跑完後，會顯示創建好的Apk檔路徑，下載Apk檔至手機中，即可安裝App&lt;br&gt;(第一次執行會需要較久時間)<br /> <br /> *安裝Cordova HelloWorld App(預設):<br /> *#當把HelloWorld.apk檔案放進手機檔案內進行安裝，點進去後畫面呈現如下:&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/CordovaApp手機畫面.png&#039; height=&#039;300&#039; width=&#039;*&#039; /&gt;<br /> <br /> <br /> <br /> <br /> *參考影片: https://www.youtube.com/watch?v=ElIDUfPxfmU</div> 潘宗儀 http://jendo.synology.me/wiki1231/index.php?title=App%E9%96%8B%E7%99%BC&diff=55046 App開發 2021-04-01T04:08:59Z <p>潘宗儀：​/* Cordova */</p> <hr /> <div>==PhoneGap==<br /> *不知道為甚麼，下載PhoneGap Desktop的程式打開來後就會一直轉圈圈載入，無法使用。<br /> <br /> ==Cordova==<br /> *前置安裝作業:<br /> *#下載[https://nodejs.org/en/ Node.js]<br /> *#下載Jdk 8 (一定要使用JDK版本8才可以使用，不可使用更高版本)<br /> *#下載[https://developer.android.com/studio Android Studio] (此動作是為了要安裝SDK，但因現在不能單獨下載SDK，而是包含在Android Studio裡面)&lt;br&gt;下載Android Studio並開啟 -&gt; 按Configure -&gt; SDK Manager -&gt; 選擇Android 5.0(Lollipop) -&gt; 按Ok安裝&lt;br&gt;(下載Android 5.0是因為對普遍Android系統支援度較高)<br /> *#下載[https://gradle.org/next-steps/?version=6.8.3&amp;format=bin Gradle 6.8.3] &lt;br&gt;(在任意槽碟新增名為Gradle的資料夾，並將下載之壓縮檔放入此資料夾並解壓縮)<br /> *#幫JDK、SDK和Gradle建立系統路徑&lt;br&gt;開啟資料夾 -&gt; 對【本機】按右鍵 -&gt; 內容 -&gt; 進階系統設定 -&gt; 環境變數 -&gt; 系統變數 -&gt; 新增<br /> *#找到JDK安裝檔案路徑並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在新增系統變數中，變數名稱設為 JAVA_HOME 並將複製路徑貼在變數值中，按確定新增&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/JDK安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#找到SDK安裝檔案路徑並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在新增系統變數中，變數名稱設為 ANDROID_HOME 並將複製路徑貼在變數值中，按確定新增&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/SDK安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在系統變數當中找到 Path 對 Path 按編輯&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝1.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#找到Gradle的bin資料夾並複製路徑&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝2.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝3.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *#在 Path 的編輯變數中按新增，並把路徑貼上按確定即可&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/Gradle安裝4.png&#039; height=&#039;*&#039; width=&#039;550&#039; /&gt;<br /> *安裝Cordova:<br /> *#打開命令提示字元(CMD)<br /> *#輸入: npm install -g cordova<br /> *創建一個Cordova Project:<br /> *#在命令提示字元中輸入: cordova create [Project名稱]<br /> *#你可以在創建好的Project檔裡看到一個叫www的資料夾，&lt;br&gt;裡面放有可更改和設定的html、css和js檔案。<br /> *新增平台:<br /> *#在命令提示字元中輸入: cd [Project資料夾路徑]<br /> *#輸入: cordova platform -1 可看到可用平台:&lt;br&gt;android 9.0.0&lt;br&gt;browser 6.0.0&lt;br&gt;electron 1.0.0&lt;br&gt; windows 7.0.0<br /> *#輸入: cordova platform add [平台]<br /> *Build Apk:<br /> *#在命令提示字元中輸入: cd [Project資料夾路徑]<br /> *#輸入: cordova build android<br /> *#待指令跑完後，會顯示創建好的Apk檔路徑，下載Apk檔至手機中，即可安裝App&lt;br&gt;(第一次執行會需要較久時間)<br /> <br /> *安裝Cordova HelloWorld App(預設):<br /> *#當把HelloWorld.apk檔案放進手機檔案內進行安裝，點進去後畫面呈現如下:&lt;br&gt;&lt;img src=&#039;http://nice-learning.tw/uploadFiles/不錯學群/潘宗儀/CordovaApp手機畫面.png&#039; height=&#039;200&#039; width=&#039;*&#039; /&gt;<br /> <br /> <br /> <br /> <br /> *參考影片: https://www.youtube.com/watch?v=ElIDUfPxfmU</div> 潘宗儀