1.環境配置
1.1.安裝ant
從apache官網下載ant,安裝並配置,將ant.bat所在目錄加到path環境變量,如c:\apache-ant\bin\。在cmd中運行以下語句如不報錯即可:
>ant -h
1.2.安裝git
從git官網下載git並安裝。
1.3安裝nodejs
從nodejs網站下載並安裝,安裝成功后,在命令行輸入命令:node 或 npm,不報錯即可。
1.4.安裝cordova
> npm install -g cordova
2.創建工程
a.新建一個文件夾作為工作目錄,cmd切換到該路徑下
>cd d:\workspace\cordova
b.創建cordova project
>cordova create helloCordova com.hzjava.myCordova HelloCordova
c.添加平台支持
首先進入剛創建的工程根目錄
>cd helloCordova
然后
> cordova platforms add ios
> cordova platforms add android
> cordova platforms ls
d.添加插件(根據具體功能添加插件,比如掃碼插件、文件操作插件等等,可以去cordova插件庫搜索需要的插件)
> cordova plugin add com.phonegap.plugins.barcodescanner
> cordova plugin add org.apache.cordova.file-transfer
> cordova plugin ls
注意:並非所有插件都是全平台支持的,有些可能只支持android,有些可能同時支持android和ios,所以開發多平台app時需要慎重選擇插件
3.項目整合
3.1.Android
a.將靜態html文件copy到helloCordova\www目錄下
b.編譯android工程:
>cordova build android
c.運行eclipse,導入helloCordova\platforms\android路徑下的android工程
d.在html里引用cordova的js庫:
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="cordova_plugins.js"></script>
3.2.ios
a.將靜態html文件copy到helloCordova\www目錄
b.編譯ios工程:
>cordova build ios
c.運行xcode,導入helloCordova\platforms\ios路徑下的xcode project
d.在html里引用cordova的js庫:
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="cordova_plugins.js"></script>
- cordova編譯會將[根目錄/www]下文件copy到具體platform的www文件夾內,如果你的代碼寫在platforms里的android中,編譯時會被覆蓋掉
- 因為add plugin的時候已經自動添加了相關的配置,所以只要有cordova_plugin.js就不需要手動引用cordova插件的js了。
4.打包
4.1.Android
導入platforms\android下面的工程時,會出現兩個project:HelloCordova和HelloCordova-CordovaLib。打包時,將HelloCordova-CordovaLib/bin/hellocordova-cordovalib.jar拷貝到HelloCordova/libs文件夾內,然后右擊主工程,選擇Export,如圖
選擇Export Android Application
Keystore可以自己創建一個新的,也可以使用現有的
點擊『Finish』成功導出apk
4.2.ios
要打包成任意設備都可以安裝的ios安裝包(ipa),首先需要一個企業開發者賬號($299/年),確認滿足以后執行以下步驟:
a.登陸蘋果開發者中心
b.Identifiers >> App IDs,點擊「+」號,創建一個app id,填寫相關信息下一步即可
c.Provisioning Profiles >> Distribution,點擊「+」號,創建一個profile
選擇In House
選擇一個app id,選擇剛剛創建的那個
選擇一個certificate
填寫profile name
d.下載創建好的profile文件
e.下載步驟c中選擇的certificate文件
f.在mac中雙擊certificate和profile文件將它們導入
g.打開xcode,選中工程,Build Settings >> Code Signing,Code Signing Identity選擇注冊的公司名
h.Provisioning Profile選擇剛剛導入的profile
i.xcode >> window >> Organizer >> Archives,點擊Distribute
j.選擇save for enterprise or ad hoc deployment,下一步
k.選擇一個profile進行簽名,然后export