Sencha touch 构建和发布

紧着这,前面的文章,我们已经建立了第一个sencha touch的demo,我们就拿GS这个demo来做范例,记录如何构建并且发布!

 

打开cmd,进入GS的目录,前提是安装好了Sencha touch sdktools。

 

一:构建应用程序

1:建立一个jsb文件,命令:sencha create jsb -a index.html -p app.jsb3

2:构建应用程序,命令:sencha build -p app.jsb3 -d ./

 

sdk工具将jsb文件中所有类结合进一个脚本文件中,并且压缩该脚本文件,该脚本文件名为all-classes.js

 


Sencha touch 构建和发布

 

 二:发布应用程序

1:在Apache的htdocs下建立一个test2目录,

2:将touch-2.2.1/resources 中的css文件夹复制到test2目录下,将touch-2.2.1/sencha-touch.js也复制到test2目录下

3:把GS目录下面的all-classes.js ,app.js ,index.html ,也复制到test2目录下

4:修改index.html的引入,修改结果如下:

     <link rel="stylesheet" href="css/sencha-touch.css"
    type="text/css">
    <script type="text/javascript" src="sencha-touch.js">
    </script>
    <script type="text/javascript" src="all-classes.js">
    </script>
    <script type="text/javascript" src="app.js"></script>

 

大功告成:访问:http://127.0.0.1/test2/

 


Sencha touch 构建和发布
 


 

你可能感兴趣的:(touch,sencha)