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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM