`

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

 


 

 二:发布应用程序

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/

 



 


 

  • 大小: 27.8 KB
  • 大小: 28.2 KB
0
0
分享到:
评论

相关推荐

    Sencha 和 Sencha Touch 简介

    Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web ...

    sencha touch

    Sencha Touch是专门用于移动...使用Sencha Touch,开发者可以构建在iPhone、Android和BlackBerry touch等设备上运行的移动web应用,其效果看起来如同本地应用。目前Sencha Touch已经成为构建移动HTML5应用的领先框架。

    sencha-touch-2.4.2-commercial.zip

    Sencha Touch是专门用于移动...使用Sencha Touch,开发者可以构建在iPhone、Android和BlackBerry touch等设备上运行的移动web应用,其效果看起来如同本地应用。目前Sencha Touch已经成为构建移动HTML5应用的领先框架。

    sencha-touch-2.1.1-gpl.zip

    Sencha Touch是移动HTML5开发框架,构建用于iPhone、Android 和Window Phone等跨平台的移动应用程序.

    Sencha Touch 2.0 正式版及快速入门文档

    Sencha Touch 2.0 Preview 2 正式版 SDK 下载 包括: 所有源代码 构建 HTML API文档 示例

    marcy:Sencha Touch 企业移动应用框架

    Marcy(以纽约州最高峰命名)是一个固执己见但思想开放的框架,用于使用 Sencha Touch 构建企业移动应用程序。 入门 这是一个示例安装。 sencha generate app MyApp ~/Desktop/my-app cd ~/Desktop/my-app git ...

    cascade:Sencha Touch 的脚手架和构建脚本

    级联为 Sencha Touch 搭建脚手架和构建脚本Cascade 是一组 bash 脚本,用于快速搭建和构建 Sencha Touch 应用程序。 它的主要目的是快速生成用于测试的应用程序。 在构建应用程序时,构建脚本采用以下观点: 应用...

    SenchaArchitect-2.0.0.000442

    支持通过Sencha Touch 2来构建移动Web应用以及通过Ext JS 4来构建桌面Web应用。 其提供的代码编辑功能可以在Sencha Architect中创建整个应用。 支持模型——视图——控制器模式。 内置的针对iOS与Android的一键式...

    sencha-touch-2.3.1a-gpl.zip

    Sencha Touch是移动HTML5开发框架,构建用于iPhone、Android 和Window Phone等跨平台的移动应用程序.

    SenchaArchitect-2.2.3 破解版

    Sencha Architect 2是个可视化的应用构建器,它使用Sencha Touch 2来构建移动应用,使用ExtJS 4来构建桌面应用。 Sencha Architect 2构建在该公司的HTML5布局工具Ext Designer之上,并扩展了其功能以为桌面与移动Web...

    SenchaArchitect-2.1

    支持通过Sencha Touch 2来构建移动Web应用以及通过Ext JS 4来构建桌面Web应用。 其提供的代码编辑功能可以在Sencha Architect中创建整个应用。 支持模型——视图——控制器模式。 内置的针对iOS与Android的一键式...

    SenchaCmd-5.1.0.26-windows

    Sencha Cmd 提供了一系列功能强大的节约时间的功能,结合Sencha Ext JS 和Sencha Touch框架协同工作。Sencha Cmd 提供了如下几个能力: 1.代码生成工具:代码生成工具生成整个应用程序并且扩展生成mvc的组件框架,如...

    Sencha Architect 2.2.2 入门操作图解教程.docx

    Sencha Architect 2是个可视化的应用构建器,它使用Sencha Touch 2来构建移动应用,使用ExtJS 4来构建桌面应用。关于此软件的学习教程少之又少,终于发现了一个不得了的文档。

    todo-app-sencha:使用 Sencha Touch 和 AIQ 数据同步 API 的简单 ToDo 移动应用程序

    展示 Sencha Touch 到 AIQ 平台集成的简单 HTML5 移动 TODO 应用程序 依赖关系 [Sencha Cmd v4.x] ( ) 包含的库 aiq-api.js v1.2.0 煎茶触控v2.3.1 入门 为了能够使用,你需要,然后部署以下来自说明文件。 在...

    demo-sencha-cordova-app-icons:Sencha Touch 和 Cordova 应用程序展示了如何添加图标并将它们复制到 iOS Xcode 项目

    如何可靠地将图标从 Sencha Touch 复制到 Cordova 应用程序 免责声明: 这可能不是 100% 正确的方法。 也许有更好的方法。 (可能有)但这种方式始终适用于 iOS 的构建。* 另一件事:我没有包括 iOS 7 之前的加载...

    MockData:用于Ext JS和Sencha Touch的MockData Cmd软件包

    以下文件都是构建和加载应用程序所必需的。 "app.json" -应用程序描述符,它控制如何构建和加载应用程序。 "app.js" -启动应用程序的文件。 这主要用于启动MyApp.Application类的实例。 "index.html" -此应用程序的...

    Stolpersteine:Sencha Touch App,在柏林 Tempelhof-Schöneberg 展示 Stolpersteine

    斯托普司坦Sencha Touch App,显示柏林滕珀尔霍夫-舍讷贝格的 Stolpersteine去做信息作为第一页 + 额外的印象自己的服务器——集成地理坐标——关于单个石头的更多信息(例如石头上的文字)有用的命令sencha 应用...

    mazzochi-sencha-touch-demo

    Mazzo.sencha.touch.demo 该文件夹主要是应用程序顶层的容器。 尽管您可以删除此应用程序不使用的某些文件和文件夹,但是在决定可以删除哪些内容以及将哪些内容保留在源代码管理中之前,请务必先阅读以下内容。 ...

    HTML5移动Web开发指南(完整版)

    本书主要围绕HTML5技术,讲述如何利用HTML5相关技术开发移动Web网站和WebApp应用程序。...第三部分主要介绍目前...第四部分主要结合SenchaTouch框架库和HTML5技术构建进行讲解,旨在帮助读者将HTML5技术运用于实践之中。

    HTML5移动Web开发指南-样章试读11

    《HTML5移动Web开发指南》主要围绕HTML5技术,讲述如何利用HTML5相关技术开发移动Web网站和Web App应用程序。...第四部分主要结合Sencha Touch框架库和HTML5技术构建进行讲解,旨在帮助读者将HTML5技术运用于实践之中。

Global site tag (gtag.js) - Google Analytics