Cordova配置與開發

來源:互聯網
上載者:User

標籤: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配置與開發

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.