Question

我有一个示例sencha touch2应用程序。它在我的localhost浏览器中工作正常（http：//localhost/sencha/examples/navigationview/index.html）。

现在我需要使用phonegap 1.5.0将这个sencha应用程序集成到android。

我已经从phonegap

下载了phonegap库来自phonegap网站的

phonegap-phonegap-1.5.0-0-gde1960d.zip 。因为我有cordova-1.5.0.js和cordova-1.5.0.jar文件而不是phonegap。
我已经通过phonegap网站了解到cordova-1.5.0和phonegap是一样的。

我已遵循此Get Started Guide
因为他们没有给出如何集成sencha touch2 MVC文件架构。入门指南中的基本示例对我来说很好。

我的问题是我无法集成我的sencha2 MVC文件架构。我用谷歌搜索了这个，但没有成功。我在这里做错了什么？你能否建议我这样做的正确方法。
在此先感谢。

这是我的index.html文件

<!DOCTYPE HTML>
<html manifest="" lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Ajax</title>
     <script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
    <script id="microloader" type="text/javascript" src="development.js"></script>   
</head>
<body>
</body>
</html>

在app.js文件中我收到错误：

   //<debug>
    Ext.Loader.setPath({ // line no. 2
        'Ext': 'src'
    });
    //</debug>

Answer 1

Ext.Loader允许您的JS文件存在于app文件夹内的不同文件夹中。如果您按照tutorial

中的说明配置了Ext.Loader，Sencha Touch可以从相应的目录动态加载您的文件

然后将index.html app文件夹和其他所有内容放入www以获取Phonegap。它的工作方式与网页相同。完全明确：

www
 |
 |-index.html
 |-app/
 |-css/
 |-whatever else

Answer 2

对于生产构建，您需要使用命令行工具，该工具为您提供单个js文件，包括所有MVC组件和额外的API，如API或libs，您需要PLUS所有必需的EXT和sencha东西，而不是更多。

进入该阶段非常成功，然后您应该准备好将index.html文件制作成APK。

Answer 3

我建议您使用MDS鼓掌电话差距http://wiki.phonegap.com/w/page/34483744/PhoneGap%20Eclipse%20PlugIn%20for%20Android

开发具有手机缺口的sencha 2应用程序。它将为您提供一种使用phonegap + sencha的方法然后，您可以在index.html中添加ur sencha js和css文件的路径，并手动添加app文件夹。索引看起来像

  <!DOCTYPE HTML>
   <html>
   <head>
   <meta name="viewport" content="width=320; user-scalable=no" />
   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   <title>PhoneGap Demo with Sencha Touch</title>
   <link rel="stylesheet" href="sencha/resources/css/sencha-touch.css" type="text/css">
   <script type="text/javascript" src="sencha/sencha-touch-all.js"></script>
  <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script>
  <script type="text/javascript" charset="utf-8" src="main.js"></script>
  <script type="text/javascript" charset="utf-8" src="phonegapdemo-w-sencha.js">        </script>
  </head>

Answer 4

看一下phonegap-build。在论坛上查看我的答案，关于phonegap。你可以立即在iphone，android，blackberry和其他所有东西上运行你的sencha应用程序!!

您甚至不需要使用phonegap API调用！

您只需将app.html的副本复制到index.html即可。

如果您想使用phoneGap API，只需使用它即可。无需添加任何文件或其他任何内容。在index.html中，您必须添加行

<script...  phonegap="cordova-1.0.7" />

或任何版本有效。

（此信息自2012年6月11日起生效 - 我认为当测试期结束时会花费成本）

如何使用senchatouch 2实现android中的phonegap应用程序

4 个答案: