ios開發環境配置及cordova安裝與常用命令

本文轉載自查看原文 2016-05-05 22:34 5112 7、PhoneGap/Cordova

一、ios開發環境配置

1、首先要有台Mac Book,如果有Mac Book,跳過步驟2、3、4，如果沒有，執行步驟2、3、4；

2、下載並安裝VMware Workstation，最好是下最新版本；

3、下載並安裝unlock-all(VMware Workstation默認限制安裝Mac虛擬機，需要安裝此文件后解除限制);

4、下載Mac OS操作系統的鏡像文件（需要是.ios文件）如果下載的是.dmg文件，需要用 anytoiso.exe工具轉換成.ios文件，下載完成后在VMware Workstation安裝;

5、安裝XCode;

6、安裝.p12文件;

7、申請bundle id;

8、在XCode中設置開發者賬號;

9、在XCode中下載與bundle id 對應的描述文件;

二、cordova安裝與常用命令

1.1安裝nodejs

從 nodejs網站下載並安裝，安裝成功后，在命令行輸入命令：node 或 npm，不報錯即可。

1.2 安裝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，如圖