使用IBM Worklight和Sencha Touch 2.2.1

时间:2013-12-17 06:41:56

标签: sencha-touch ibm-mobilefirst

我正在使用Phonegap与Sencha 2.2.1合作。最近我听说过IBM Worklight,现在我正在尝试使用Sencha + Worklight开发应用程序。但遗憾的是,我没有得到任何有关在Worklight上使用sencha touch 2.2.1应用程序的有用教程。

iImean是什么,对于PhoneGap,Adobe解释了如何使用它构建本机应用程序。但是,在Worklight的情况下,我无法找到任何教程,解释在使用Worklight转换为android apk或iOS时我应该如何使用sencha应用程序。

我从IBM的网站上获得了一个示例项目。但我对此主题一无所知。

1 个答案:

答案 0 :(得分:3)

最后我找到了答案。 :)

我的问题是什么,我手里拿着一个Sencha Touch 2.2.1项目,我需要构建相同的 Android apk 安装文件。我不知道如何在Worklight中处理Sencha的MVC结构。但最后我发现了它。我所做的整个过程如下:

  • 构建我的Sencha Touch 2.2.1项目

  • 在我的 Eclipse Java EE IDE (我使用 Kepler Eclipse )中,我创建了一个新的 Worklight项目。选择混合应用程序作为项目模板

  • 然后我复制了构建Sencha应用程序时创建的所有文件。 ( resources文件夹,app.js,app.json,cordova.js,index.html )到我创建的Worklight项目中的 common 文件夹。

    < / LI>
  • 最初 common 文件夹中会有一个 index.html 文件。使用我们的Sencha应用程序的 index.html

  • 覆盖它
  • 然后创建一个新的 Worklight环境

  • 选择我们创建的Worklight项目和相应的应用程序名称。

  • 从“创建文件夹”部分查看 Android手机和平板电脑选项。

  • 现在,您可以在Project explorer中看到名为 Worklight_project_name + Application_name + Android 的Android项目。

  • 右键单击该项目,然后选择Run As - &gt; Android应用程序。然后选择你的模拟器。 (我在我的Android手机上运行它。)

  • 欢乐!!你可以看到它工作.. !! :)

我发现Sencha的MVC结构不再是问题..!

希望它可以帮助别人..! :)

注意:如果您在混合应用程序中使用 CORDOVA 功能,同时覆盖 index.html ,请不要忘记在 index.html 文件:

<script src="worklight/cordova.js"></script>
<script src="worklight/wljq.js"></script>
<script src="worklight/worklight.js"></script>
<script src="worklight/checksum.js"></script>
<script>window.$ = window.jQuery = WLJQ;</script>