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

五柳-先生發表於2015-09-12
移動開發

敬告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使用的標準步驟，

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

附：英文原文


視訊：下面是一個國外的視訊教程，在Mac上使用Sencha touch+Phonegap開發ios的


下面作簡要概括（以安卓為例，ios開發類似）：
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
然後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'?>"。
推薦用Notepad++更改文字檔案的編碼
想了解更多，請檢視：《移動開發18 Sencha Touch專案通過phonegap打包後的程式名字的問題》
---------------------------------------------------------------------------------------------------------------------------------------------------------

歡迎加入Sencha Touch + Phonegap交流群

1群：194182999 (滿)

2群：419834979

共同學習交流（博主QQ：479858761）

轉載： http://blog.csdn.net/lovelyelfpop/article/details/20392377

相關文章