1.安裝 nodejs
2.安裝 cordova:
npm install -g cordova
3.建立一個工程:
cordova create MyApp com.example.MyApp MyApp php
其中:第一個 MyApp是文件夾的名稱;
com.example.MyApp 是app id
第二個MyApp是工程的名稱,也是應用的名稱
4.進入文件夾
cd MyApp
5.建立一個android的應用
cordova platform add android html
6.用eclipse新建android項目(導入剛纔MyApp目錄文件),就能夠在eclipse下開發了。
注意:
1.eclipse要先安裝ADT插件。
2.要先下載android的SDK,並把它的路徑(例如:C:\Development\adt-bundle\sdk\tools)加入到環境變量path中。
不然第5步會報錯:[Error: An error occurred while listing Android targets] node
============================================================= android
至此,phonegap的工程搭建完成。那麼,如何跟 sencha touch結合呢? web
1.安裝sencha touch命令行。(上官網下載exe文件:http://cdn.sencha.com/cmd/4.0.1.45/SenchaCmd-4.0.1.45-windows.exe.zip) npm
2.解壓sencha touch的壓縮包,存放的目錄例如:
e:/webroot/touch-n.n/ windows
命令行下,進入該目錄,執行如下命令,建立一個sencha touch工程:
$ sencha generate app MyApp ../MyApp app
或者:
sencha -sdk /path/to/sencha-touch-sdk generate app MyApp /path/to/www/myapp eclipse
3. 進入文件夾
cd MyApp
4.添加android的應用支持:
sencha cordova init com.example.MyApp MyApp
注意:保持這裏的app id、工程名稱和以前咱們建立的phonegap工程一致。 ui
5.打開MyApp根目錄,修改cordova.local.properties文件,設置運行環境爲android:
cordova.platforms=android
6.執行命令,打包文件到工程目錄。
sencha app build package
注意:默認sencha touch是打包到MyApp目錄下的build文件夾,我沒找到修改路徑的配置,因此須要先修改 MyApp下面的build.xml,添加一個任務:
<target name="-after-build">
<copy todir="E:\phonegap-project\MyApp\platforms\android\assets\www">
<fileset dir="build/package/MyApp"/>
</copy>
</target>
這樣就能夠把文件都拷貝到phonegap的工程目錄下面了。
至此完成!
sencha touch一個工程+phonegap一個工程。前者輸出js+html給後者,後者再打包爲apk文件。
其它:
1.原本sencha內置了直接打包爲apk文件,可是個人機子上沒法正確運行。
BUG:
http://www.sencha.com/forum/showthread.php?276203-Possible-bugs-in-Sencha-Cmd-4.0.1.45
2.目前的在js裏面寫中文,sencha touch打包之後會亂碼。(環境:win7 + SenchaCmd-4.0 + sdk 2.3.1 )
解決方式:給js裏面第一行添加://@charset utf-8 便可。