cordova配置與開發

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