Sencha Touch 部署选项?

Posted

技术标签:

【中文标题】Sencha Touch 部署选项?【英文标题】:Sencha Touch Deployment Options? 【发布时间】:2018-06-14 22:21:53 【问题描述】:

我对 ExtJS 和 Sencha Touch 很陌生。我正在尝试学习 Sencha Touch,并且能够使用“sencha watch”在本地运行演示版本。但我想将它部署在 Heroku、Azure、AWS 或其他任何地方。

如何在生产中使用它?

我会很感激的, CMazz

【问题讨论】:

【参考方案1】:

如何在生产中使用它?

开发您的应用程序仅仅意味着编辑源代码和刷新浏览器。所有源文件都是按需动态加载的。不涉及构建过程。在部署方面,Sencha Cmd 提供以下四种构建环境选项:

生产环境

创建通常托管在 Web 服务器上并为多个客户端(设备)提供服务的生产版本。该构建使用 html 5 应用程序缓存支持离线,并且能够执行无线更新。您可以使用以下命令进行构建:-

 sencha app build //Or
 sencha app build production

测试环境

用于生产前的质量检查。所有 javascript 和 CSS 源文件都捆绑在一起,但没有缩小,这使得调试更容易。您可以使用以下命令进行构建:-

sencha app build testing

运行以下命令后,在您的应用程序中有build 文件夹。看下面的截图

现在,如果要托管生产,请进入生产文件夹,然后在将代码构建到 Web 服务器(Heroku、Azure、AWS 或其他任何地方)后,同样用于测试环境。

更多详情可以参考Sencha docs

【讨论】:

Narendra Jadhav 感谢您的回复。我可以使用“sencha app watch”让我的应用程序在本地运行。在 localhost:1841 上启动就可以了。所以我运行“sencha app build production”,我看到了一个生产文件夹。在那里我看到另一个文件夹 Mazzo.sencha.touch.demo 里面是存档、经典、现代、资源目录,以及 cache.appcache、classic.json classic.jsonp、index.html、modern.json 和 modern.jsonp文件。是这些目录和文件需要在Web服务器目录的根目录下吗?当我将这些目录和文件 ftp 到 Azure 应用服务时,它会失败。 我如何将它放入 Heroku? 需要在 Web 服务器目录的根目录中 是的,因为 index.html 应该在根文件夹中。 index.html 自动加载服务器上所有需要的文件

以上是关于Sencha Touch 部署选项?的主要内容,如果未能解决你的问题,请参考以下文章

MVC Sencha Touch 无法正确显示选项卡面板

Sencha Touch 2 - 选项卡式面板中的轮播

使用 Sencha touch 2 在 UIWebView 中选项卡切换太慢

选项卡式工具栏内的 Sencha Touch List 组件

在 Sencha Touch 2 中更改选项卡时发出 Ajax 请求

Sencha Touch 2:在选项卡面板中创建嵌套列表