Cordova配置與開發

標籤：des   android   style   blog   http   color   io   os   使用   

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中，編譯時間會被覆蓋掉
• 因為addplugin的時候已經自動添加了相關的配置，所以只要有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

Cordova配置與開發