2015 年 2 月 4 日

[教學]在Cordova專案中建立App測試平台

本篇目錄

在上一篇我們製作了Hello World!Cordova!的App當作範例,本篇我們介紹如何測試已經寫好的App在各種平台上,已目前來說iOS與Android為較知名的兩大平台,所以本篇範例也已這兩個平台為主,而要Hello World!Cordova!做成App放到模擬器中執行,我們就需要再專案裡面加上platforms(平台),如果要製作iOS與Android兩種App就需要加上這兩個平台在platforms中,方法很簡單,一樣是使用終端機terminal輸入:

第一步:切換到App所屬之目的地資料夾
cd /Users/nowillchang/projects第二步:選擇你想要輸入的App平台,各平台的指令如下 cordova platform add ios
cordova platform add android
cordova platform add amazon-fireos
cordova platform add blackberry10
cordova platform add firefoxos
到這邊就建立完Cordova專案所需要的平台,你可以進入你的cordova專案資料夾,檢查platforms資料夾是否有你建立的平台,或是輸入以下指令來判斷你建立了哪些平台cordova platform list你會看到以下畫面,反白的第一行代表你已經安裝的平台,第二行代表你還可以安裝哪些平台:

 你可以看到上圖中有版分別,如果你想檢查這些平台的版本有沒有可以升級的部分,請在終端機terminal輸入:cordova platform check如果看到有可以升級的訊息就在終端機terminal輸入像是以下指令:cordova platform update android 即可升級相關平台。

好了,既然知道如何增加平台,那萬一不需要這個平台了怎麼辦?那當然就需要刪除囉!其實刪除指令很簡單,只要把add改成remove就好:cordova platform remove ios
cordova platform remove android
cordova platform remove amazon-fireos
cordova platform remove blackberry10
cordova platform remove firefoxos
只需要選擇你想刪除平台在輸入進去就好,不需要一次輸入這麼多行喔! 好了,想必看這邊指令這麼多應該結束了吧?如果這麼多指令記不起來,只要知道add就好了,不過很遺憾的,最後還有兩個指令要告訴大家,就是plugin的安裝與移除,其實指令跟剛剛差不多,先說加上plugin的部分:cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git一樣是add,只是把platform換成plugin,後面接的是plugin的下載網址,比方說上述範例就是camera plugin的安裝方式,既然有了安裝就要有移除,其實也跟platform一樣,只是指令變成:cordova plugin remove org.apache.cordova.camera後面的“org.apache.cordova.camera” 其實就是plugins資料夾中的資料夾名稱,這就是plugin的名稱,以上就是platform跟plugin的相關指令了。

最後如果是使用Mac的朋友,在使用platform add指令時如果有遇到問題,原則上就是跟相關的平台SDK沒有安裝好有關,比方說像iOS就一定要安裝Xcode,而android就一定要安裝android SDK,以下是紀錄一些之前我遇到的問題:

Q1. Error: The command "android" failed. Make sure you have the latest Android SDK installed, and the "android" command (inside the tools/ folder) is added to your path.

A1. 這個的意思是SDK安裝有問題,或是SDK的相關路徑設定不對,如果你確定安裝的android sdk ,那請打開android studio>project defaults>project structure,打開後會看到Android SDK location,請複製這個路徑貼到記事本之類的軟體中,並在終端機terminal輸入:open ~/.bash_profile 在輸入以下指令後儲存export PATH=${PATH}:/Users/XXX/adt-bundle-mac-x86_64-20140702/sdk/tools然後重開啟動終端機terminal切換到目的地資料夾,即可排除此問題。

Q2. Error: Please install Android target 19 (the Android newest SDK). Make sure you have the latest Android tools installed as well. Run "android" from your command-line to install/update any missing SDKs or tools.

A2. 這一段的意思是需要安裝API 19的SDK,也就是android 4.4.2的版本,如下圖,安裝完成即可排除此問題。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

相關推薦文章

希望您會喜歡
2015 年 1 月 9 日
[UI/UX] 手機上用拇指闖天下,Intel Finger BootCamp

在去年10月的時候intel發表了一個平板與手機上才可以正常瀏覽的網站,如果不是平板與手機,你只能看到介紹,因 […]

Read More
2011 年 6 月 13 日
[免費]本週免費App 遊戲軟體下載看這裡

Zuma Seasons (遊戲推薦下載) 祖碼季節是一款色球消除遊戲,遊戲場景包含春夏秋冬四個季節島嶼,每個 […]

Read More
2015 年 2 月 11 日
[教學] Mac OSx使用Cordova製作android app遇到error是ant問題

ERROR : executing command 'ant', make sure you have ant […]

Read More
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram