用Sencha Cmd自動打包Touch的APP項目

用Sencha Cmd自動打包Touch的APP項目 ^有更新！

前面寫了一篇關於Sencha Cmd 建立APP的文章，點擊查看

因爲使用Sencha Cmd建立的APP裏面有不少js文件，這樣從加載的速度上來講很慢，因此

不得不說Touch是一個很重的框架，其實Sencha Cmd 也有自帶的壓縮功能。

1、準備工做

1. Sencha Touch 須要運行在 Chrome 和 Safari瀏覽器上. 也能夠經過手機瀏覽器直接訪問, 
   你也能夠在電腦上用 Chrome, Safari, 或者 Internet Explorer 10 \ 11瀏覽.因此先準備好瀏覽工具
2. 下載Sencha Cmd.，選擇如今的安裝環境，win或者linux,我這裏下載的是
   Version 4.0.1 for Windows
3. 下載Java Runtime Environment 1.7. Sencha Cmd 因爲是用JAVA寫的，因此須要運行在 JRE 上
   官方說要用1.7的版本，因此仍是換版本把若是你仍是1.6.由於如今1.8都出來了。
4. Ruby來建立由觸摸編譯的CSS。wind：下載Ruby從www.rubyinstaller.org。
   下載RubyInstaller.exe文件並運行它。 

2、安裝運行  

1. 安裝須要的瀏覽器，不用都說，我這裏安裝的事Safari，仍是用一下Apple的產品。
2. 安裝JAVA運行環境，很少說
3. 安裝Sencha Cmd，win的雙擊運行就是。
4. 安裝Ruby，這裏默認安裝就能夠了，沒有其它的操做。這裏咱們啓動最好是用ruby
   Start Command Prompt with Ruby 來運行cmd,若是直接用系統的Cmd有時讀不到ruby
   運行，因此就直接運行 Ruby中的Command Prompt with Ruby 。

3、打包應用程序說明

• testing- 生產以前用於質量保證。全部的JavaScript和CSS源文件捆綁，而不是縮小的，這使得它更容易調試。
• package- 建立，一般從本地文件系統沒有運行Web服務器一個自包含的，可再發行組件生產版本。
• production- 建立一般託管在Web服務器上，並提供多個客戶端（設備）的生產版本。
  構建離線功能的使用HTML5應用程序緩存，並可以執行過空中更新。
• native- 首先生成一個包編譯，而後將其打包爲本地應用程序，準備部署到本地平臺。
  

這裏有着4中方式。

在打包目錄裏運行運行命令

sencha app build testing

若是不出意外的話，就會在打包目錄build下生產一個testing目錄。如我這裏就新增了一個

D:\AskApp\build\testing\AskApp 目錄，，這裏就只有一個app.css、app.js和index.html。

sencha app build package  
sencha app build production
 sencha app build native 

同理，這裏也會產生一個 package、production、native目錄，這裏三種方式也是常常使用的。

package方式的打包後，咱們可使用其餘的工具和方式來進行再封裝，好比：phonegap ，能夠打包

          成相應的安裝包。 例如PhoneGap在線打包Touch App程序 ^有更新！

production方式的打包後，咱們就能夠發佈在線程序，如個人在線程序：http://app.yi18.net/ask/index.html 

native方式的打包後，其實就是用Sencha Cms 自帶的方式來打包ISO、Android……