首先這是我自己第一篇博客,如果有什麼不對的,大家指出,積極修改。 cordova是大家做混合開發最經常使用的一款使用HTML, CSS & JS進行移動App開發多平臺共用一套代碼,中文官方網站(http://cordova.axuer.com/),號外一下最近好多國外網站被牆的太嚴重,回歸正題,下 ...
首先這是我自己第一篇博客,如果有什麼不對的,大家指出,積極修改。
cordova是大家做混合開發最經常使用的一款使用HTML, CSS & JS進行移動App開發多平臺共用一套代碼,中文官方網站(http://cordova.axuer.com/),號外一下最近好多國外網站被牆的太嚴重,回歸正題,下麵介紹一下cordova的安裝以及其中的“坑”。
1.安裝環境
Cordova的命令行運行在Node.js 上面並且可以通過NPM安裝。打開命令提示符或終端,然後鍵入npm install -g cordova
2.創建一個App
cordova create hello com.example.hello HelloWorld
(這將會為你的cordova應用創造必須的目錄。預設情況下,cordova create
命令生成基於web的應用程式的骨骼,項目的主頁是 www/index.html
文件。)
3.添加一個平臺
所有後續命令都需要在項目目錄或者項目目錄的任何子目錄運行:
cd hello
給你的App添加目標平臺。我們將會添加'ios'和'android'平臺,並確保他們保存在了config.xml
中:
cordova platform add ios --save
cordova platform add android --save
檢查你當前平臺設置狀況:
cordova platform ls
註意:在你使用CLI創建應用的時候, 不要 修改/platforms/
目錄中的任何文件。當準備構建應用或者重新安裝插件時這個目錄通常會被重寫。
4.構建App
運行下麵命令為所有添加的平臺構建:
cordova build
你可以在每次構建中選擇限制平臺範圍 - 這個例子中是'ios':
cordova build ios
說一說我遇見的“坑”吧!!!
這是官網的安裝SDK與Android API級別的對應表,必須按照這個表選擇對應的安裝負責就會報錯。
接著就是,Mac下的環境變數的設置,一般Java系統都是自帶的,可以不用安裝(但是要配置JAVA_HOME),
然後安裝SDK,安裝Android Stand-alone SDK或者Android Studio。如果你計劃開發一個新的Cordova Android插件或者使用Android平臺原生的工具去運行和調試,那麼就使用Android Studio吧。否則,Android Stand-alone SDK Tools就足夠構建和部署Android應用程式。在安裝完Android SDK後,你需要安裝任何你希望的目標API級別的SDK包。建議你安裝cordova-android(參見上面)支持的最高級別的SDK包。
為了使功能正常使用Cordova的CLI工具需要設置一些環境變數。CLI會嘗試為你設置這些變數,但在某些情況下你需要手動設置。下麵這些變數需要更新:
- 設置
JAVA_HOME
環境變數,指定為JDK安裝路徑 - 設置
ANDROID_HOME
環境變數,指定為Android SDK安裝路徑 - 同時也建議你添加Android SDK的
tools
和platform-tools
目錄到你的PATH
在Mac或者Linux上面,你可以使用文本編輯器來創建或者修改文件~/.bash_profile
。為了設置一個環境變數,添加一行,使用export
像下麵這樣(用你本地安裝路徑替代路徑):
export ANDROID_HOME=/Development/android-sdk/
為了更新PATH
,添加一行類似下麵這樣(路徑替換為你本地的Android SDK安裝路徑):
export PATH=${PATH}:/Development/android-sdk/platform-tools:/Development/
android-sdk/tools
重新啟動終端或者運行下麵命令來看變化帶來的反應:
source ~/.bash_profil
然後需要安裝Gradle(android studio可以安裝)
基本上就完成了,測試可以使用模擬器(genymotion等),也可以使用真機,希望可以幫助你。