這講我們來講解下如何使用phonegapa建立專案環境並通過她們將sencha touch打包成app，這裡我們只講解打包android的apk，打包ios的過程有點類似，但是需要在mac環境下，最後通過xcode匯出成ipa安裝程式；

　　一、phonegap環境搭建:

　　phonegap從3.0開始已經不再使用手動的方式搭建專案了，而是使用command-line命令列工具來搭建專案環境，並且外掛引入的機制也在3.0做了調整，採用了模組化的方式，即需要什麼功能模組就通過命令列工具來安裝對應的模組，而不是像3.0之前的那樣架包包含了所有功能，這樣，phonegap的專案體積就得了一定的縮減，專案載入的速度也就得到了一定的提升，截止到目前為止，phonegap已經更新到3.5.0版本了，更新的速度還是相當的快。

　　簡單的介紹之後我們開始來搭建我們的專案環境，

　　1.安裝node.js

　　首先，我們需要下載跟安裝node.js，對於nodejs我們就不做介紹了，網上一搜一大把，我們這裡安裝nodejs的目的是用來安裝phonegap或者cordova用的，

　　下載之後進行安裝，安裝完成之後我們點選開始==>執行==>cmd，開啟命令列工具，輸入node -v,檢測下node.js是否安裝成功，安裝成功後會顯示對應的版本號：

　　2.安裝git：

　　在這個介面下載對應版本的安裝程式，進行安裝，安裝完成後，我們在cmd命令工具中執行git --version 檢測下git是否安裝成功,

　　3.安裝phonegap或者cordova：

　　phonegap跟cordova本質上沒什麼區別，但是在指令執行建立專案上有些差別，為了能更好的演示，我們這裡將phonegap跟cordova都安裝一下

　　開啟cmd命令列，windows環境下執行安裝phonegap的指令：

 npm install -g phonegap

　　如果是mac的環境，指令為

 sudo npm install -g phonegap

　　指令執行之後需要耐心等待一段時間，安裝的時間有時會比較長，

　　接著我們安裝cordova，指令跟上面類似，只是把phonegap替換成了cordova

　　windows:　　

 npm install -g cordova

　　mac:

 sudo npm install -g cordova

　　phonegap跟cordova安裝完畢後，我們可以用指令驗證下是否安裝成功

　　4.phonegap專案建立：

　　cordova跟phonegap都安裝完畢後，我們開始建立我們的android專案,

　　開啟cmd命令列工具，cd到你需要建立專案的資料夾內，然後執行以下指令

　　phonegap的建立指令：　

   phonegap create hello com.example.hello HelloWorld

　　hello是指你的專案資料夾名稱，

　　com.example.hello是你的專案內部包名，packagename

　　HelloWorld是你的專案名稱，打包出的安裝程式安裝後顯示的名稱即這個

　　cordova的建立指令:　

    cordova create hello com.example.hello HelloWorld

　　引數跟phonegap的是一樣的

　　一般情況下，cordova建立專案的時間可能會稍微長一點

　　指令執行完畢後，會在你對應的資料夾下建立一個hello的專案檔案，

　　進入hello後，目錄結構大體如下：

　　這裡需要你去關心的主要就是3個目錄，

　　platforms:這個目錄是用來生成各個移動平臺專案的，用指令生成的各個平臺的專案檔案都將生成在這個目錄中

　　plugins：這個是新增phonegap外掛的目錄，你新增的過外掛都會在這個目錄中進行儲存

　　www: 這個是用來存放你的web專案的，這裡就是指我們的sencha touch專案，打包壓縮後的專案丟到這個裡面就可以了

　　在www目錄中，有個config.xml需要配置一下，一般情況下，cordova指令建立的專案的config.xml裡沒有過多的配置，你可以不用修改，

　　不過phonegap的專案存在一些問題，需要手動對config.xml裡的配置做一些調整，

　　首先要調整下config.xml裡的　

  <access origin="*" />

　　這裡是用來配置網路訪問白名單的，只有這裡配置了的域名才能進行訪問，phonegap 3.5之前的版本預設是127.0.0.1，如果不進行配置，將無法訪問外部網路

 <access origin="127.0.0.1" />

　　還有之前的phonegap版本config.xml中，<preference name="fullscreen" value="true" />的設定跟android的AndroidManifest.xml中的windowSoftInputMode會有衝突，所以如果需要螢幕能夠根據軟鍵盤調整大小需要將fullscreen設定為false;

　　將這些設定完畢後，可以根據自己的需要新增需要的phonegap外掛，

　　5.新增phonegap外掛：

　　我們在上面的專案的基礎上將cmd指令工具cd到hello專案目錄下，這個時候就可以通過指令來安裝外掛了，在這裡使用phonegap或者cordova的外掛新增指令都一樣，不過

官方文件上都是提供的cordova的指令，一般我這也是複製黏貼，所以我們這使用cordova的指令來安裝外掛，指令格式

cordova plugin add <外掛名稱|外掛地址>

例如我要新增官方的照相機外掛，我可以執行

   cordova plugin add org.apache.cordova.camera

也可以將外掛名稱寫成外掛地址，這個地址可以是遠端git上的地址，也可以是本地外掛的地址

cordova plugin add git://git.apache.org/cordova-plugin-camera.git

這個地址是官網的外掛地址，大家可以自己根據情況使用對應的外掛

http://docs.phonegap.com/en/edge/cordova_plugins_pluginapis.md.html#Plugin%20APIs

 　　6.使用phonegap建立對應的android專案

　　接下來我們來建立android平臺的專案，使用phonegap的指令的話，我們只需要執行如下指令

 phonegap build android

　　如果是使用cordova指令的話需要先新增對應的平臺，執行過程如下　　

 cordova platform add android

　　這樣就添加了一個android專案，接下來再執行

 cordova build android

　　執行成功後，android專案中的外掛才會被新增進專案生效

　　7.使用eclipse匯入專案，然後將專案匯出成apk

　　這裡使用android官方提供專門用於android開發的eclipse，

　　選擇File==>import

　　然後選擇android專案

　　選擇你建立的專案下的platforms並開啟，這時就能匯入你建立的android專案了，

　　最後就是匯出成apk的過程了

　　具體可以參照下面這篇文章

　　這裡我們就不多做描述了，下一講，我們將介紹如何使用phonegap來自定義自己的外掛