Sencha Toucha 2 —1.環境安裝配置、在線打包、離線打包

環境安裝配置       

1. 下載       

1.1     Sencha Touch 下載

http://cdn.sencha.com/touch/sencha-touch-2.2.1-gpl.zip

1.2     Sencha Touch Docs下載

http://cdn.sencha.com/downloads/docs/touch-docs-2.2.1.zip

1.3     Sencha Touch CMD下載

http://www.sencha.com/products/sencha-cmd/download  

1.4     JRE下載

http://www.oracle.com/technetwork/java/javase/downloads/jre7-downloads-1880261.html  

1.5     Ruby 下載

http://rubyinstaller.org/downloads/  

2. 安裝       

2.1     將Sencha Touch 以及Sencha Touch CMD部署到IIS上

注意須要添加MIME類型擴展名爲「.json」,MIME類型爲」 application/x-json」或「application/x-javascript」；測試網站便可使用

2.2     安裝JRE

2.3     安裝Sencha Touch CMD

2.4     安裝Ruby：

Ruby 安裝以後 ，打開Start Command Prompt with Ruby，命令控制器：輸入sass –v 提示不是內部命名，這時須要安裝：gem install sass 安裝便可，安裝以後繼續安裝compass：gem install compass。

3. 建立第一個App       

從CMD進入SDK（sencha touch）所在的根目錄，使用如下命令建立app

Sencha generate app App名稱 App路徑

例如：sencha generate app MyApp ../MyApp

至此，一個app建立完成

4. App文件簡要描述       

app：主要就是模型，視圖，控制器，和商店。（sencha Touch 2主要使用的是MVC模式思想）

app.js:主要的js代碼，以及應用的入口application

app.json:配置文件

index.html：應用的html代碼

packager.json:應用中所用的包

resources：主要是資源文件，CSS、images等

基本介紹：application爲應用程序的首要執行方法，launch方法是程序的入口，相似main方法，可是這裏的launch可不是惟一進入程序的入口。默認視圖窗口使用卡片佈局，默認的應用程序添加到主視圖窗口，使其可使用

         打開文件app/view/Main.js

5. 發佈應用       

Sencha app build CMD：具體命令有一下幾種

測試程序：testing - intended for QA prior to production. All JavaScript and CSS source files are bundled, but not minified, which makes it easier to debug.

包：package - creates a self-contained, redistributable production build that normally runs from the local file system without a web server.

產品：production - creates a production build that is normally hosted on a web server and serves multiple clients (devices). The build is offline-capable using HTML 5 application cache, and is enabled to perform over-the-air updates.

本地：native - first generates a package build, then packages it as a native application, ready to be deployed to native platforms.

例如：cmd》sencha app build production

第一次運行：可能會出現error

Please ensure this command was executed from a valid application directory

Unable to locate 'app.dir' config property from sencha.cfg

這多是你沒有進入你的應用程序的根目錄

         這時在你的應用程序的Build下便可找到你打包的應用

在線打包       

6. 使用在線打包發佈各類版本       

前提：將剛剛build以後的文件打包成zip格式，即名稱爲production.zip

    6.1   PhoneGap：打開網址：     https://build.phonegap.com/     （提早須要註冊一個帳戶）  

6.2   點擊右上角sign in

6.3   在進入以後使用sign in with Github一塊兒登錄，輸入用戶名密碼，登錄就能夠了。

6.4   登錄以後右上角會有一個「+new app」，選擇private，選擇upload a.zip file

6.5   上傳production.zip此文件便可

離線打包       

7. phonegap離線打包       

7.1   下載地址：     http://phonegap.com/install/  

將docs文檔部署成網站：查看菜單爲: Platform Guides

這裏你會找到各類平臺的部署生成

7.2   安裝 android 開發環境：eclipse、android sdk，adt

7.3   建立一個android應用程序，一直下一步就好

1. 進入：E:\Work_Shine\WebFenZhenTai\phonegap-2.9.0\lib\android，也就是phonegap目錄下
2. 將「cordova-2.9.0.jar」拷貝至新建android項目的libs下。
3. 在任何一個文件夾上右鍵單擊選擇「build Path」-》Configure build path-》libraries-》Add jars-》找到剛剛添加的jar文件。（注：也就是至關於添加引用）
4. 在assets上添加文件夾,名稱爲：www，而且將「E:\Work_Shine\WebFenZhenTai\phonegap-2.9.0\lib\android」上的cordova.js拷貝過來
5. 進入到src-》com.shine.phonegap 下，打開.java文件，將「Activity」寫改爲 DroidGap，並添加引用import org.apache.cordova.DroidGap;
6. 註釋掉：

   /*
   
            @Override
   
            public boolean onCreateOptionsMenu(Menu menu) {
   
                      // Inflate the menu; this adds items to the action bar if it is present.
   
                      getMenuInflater().inflate(R.menu.main, menu);
   
                      return true;
   
            }
   
   */
   
   //setContentView(R.layout.activity_main);

   以及將「protected void onCreate(Bundle savedInstanceState) {」

   修改爲public void onCreate(Bundle savedInstanceState) {

   添加這句：super.setIntegerProperty("loadUrlTimeoutValue", 60000);//加載url超時時間

   繼續添加：super.loadUrl("file:///android_assets/www/index.html");

   將生成好的production拷貝至www文件夾便可

   附註：android打包       

      打包，通常時候有些人使用這個保存放位置的bin下的文件下的apk，這是多數沒有簽名，故通常時候使用

                      項目上—》右鍵單價-》Android Tools-》Export signed Application Package-》下一步-》若是有可使用原來的，沒有能夠建立一個，以及密碼

                      下一步使用-別名，基本設置。

                      下一步簽名文件存放位置

            至此一個本地打包完成。。