[Phonegap+Sencha Touch] 移動開發5、Sencha touch結合Phonegap使用

敬告Sencha touch開發新手：

1、Sencha Touch專案(簡稱ST專案)、Phonegap專案、Android專案(或iOS專案)是三個不同的概念
2、ST專案和eclipse沒關係；
Android專案和eclipse有點關係(可以用eclipse除錯和匯出apk包)；
iOS專案和xcode有點關係(可以用xcode除錯和上架)
3、ST專案用phonegap(或cordova)init之後，會出現給一個Phonegap目錄，這個目錄下是Phonegap專案
4、sencha app build native生成的Android專案(或iOS專案)，在Phonegap目錄下，是Phonegap專案的一部分
5、ST專案用sencha cmd也能生成原生安裝包(如Android的APK)，不過官方不再推薦用sencha cmd 生成原生安裝包，而推薦用Phonegap，因為它可以使用各種原生外掛實現特殊的功能(攝像頭，定位，等等)

----------------------------------------------------------------------------------------------------------------------------------------------------------

新手需要了解的內容：

開發環境搭建請看：《移動開發1、準備工作》

phonegap的初步使用，和sencha touch不搭嘎：《移動開發2、PhoneGap初步使用》

sencha touch的初步使用，和phonegap不搭嘎：《移動開發4、Sencha Touch初步使用》

----------------------------------------------------------------------------------------------------------------------------------------------------------

進入正題，以下內容是Sencha touch結合Phonegap使用的標準步驟，

其他五花八門的開發方式容易出現各種各樣的問題

附：英文原文

1、進入ST SDK

cd D:\Code\Web\touch-2.3.1

2、新建ST App

sencha generate app MyApp D:\Code\Android\sencha\MyApp

3、新增Phonegap支援

cd D:\Code\Android\sencha\MyApp

sencha phonegap init com.pushsoft.myapp MyApp

4、如果需要呼叫裝置的功能，可以往專案中新增對應的phonegap外掛。

如下我新增攝像頭呼叫的外掛

cd D:\Code\Android\sencha\MyApp\Phonegap

phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git

然後js如下呼叫

navigator.camera.getPicture(function(){ 成功的回撥方法 }, function(){ 失敗的回撥方法  }, { 

    quality: 50, 

    destinationType: navigator.camera.DestinationType.FILE_URI, 

    sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY 

} );

對於sencha cmd 4.x

5、配置D:\Code\Android\sencha\MyApp\phonegap.local.properties檔案

phonegap.platform=android

這樣就是指定打包android平臺的安裝包，需要安裝有對應平臺的SDK

6、打包、執行

cd D:\Code\Android\sencha\MyApp

只打包：sencha app build native

打包並安裝到模擬器或真機上：sencha app build -run native

對於sencha cmd 5.x

5、在app.json裡面寫下面的內容

6、打包、執行

打包android只要執行命令：sencha app build android 

打包ios只要執行命令：sencha app build ios 

---------------------------------------------------------------------------------------------------------------------------------------------------------

關於打包後安裝到手機的App名稱問題

打包後的安裝包安裝之後名字是"MyApp"，如果要換成其他名字，修改D:\Code\Android\sencha\MyApp\config.xml檔案，把頂部"<name>MyApp</name>"中間MyApp的改成需要的名字。

注意如果xml內容有中文，要改成utf-8編碼，注意是文字檔案的編碼，不是頂上的"<?xml version='1.0' encoding='utf-8'?>"。