Phonegap 和 Sencha Touch 2.3 集成

Question

我正在尝试同时使用 Phonegap 和 Sencha Touch 2.3

我的 XAMPP 安装在这里：E:\Programming\xampp

我已经下载并解压了 Sensa Touch 2.3 安装 zip 文件并将其重命名为“touch”并将其放置在此处：E:\Programming\xampp\htdocs

启动 Apache 并转到：http://localhost/touch/examples/

我可以看到示例应用程序正确显示。

电话间隙：
我想将 phonegap 集成到这个文件夹结构中，因为最后我想要一个本机应用程序。所以，我希望 phonegap 的 www 文件夹有 Sencha 代码，这样我就可以压缩 www 文件夹并上传到 build.phonegap.com 以将其构建到本机应用程序

我在这里创建了一个新的 phonegap 应用：

E:\Programming\xampp\htdocs\touch\somsapp>sencha generate app www www

实际上，我将 phonegap 创建的应用程序的 www 文件夹替换为名为“www”的 sencha 应用程序

现在，我正在尝试修改 www 文件夹中的源代码（例如更改 E:\Programming\xampp\htdocs\touch\somsapp\www\app.js）并在 chrome 浏览器中查看效果：@ 987654325@

一旦满意，我想压缩 somsapp 文件夹（Phonegap 生成）并上传到 build.phonegap.com

然而，

1. 我认为这种方法很复杂。还有更优雅的方法吗？
2. 更改代码（比如在 app.js 中）没有任何效果 - 浏览器仍然显示默认 Sencha 应用的“正在加载”静态页面

Answer 1

Phonegap 和 Sencha Touch 集成

先决条件 • Android-sdk • Ruby 1.9.3（或更早版本） • Phonegap-2.8.1 • Sencha touch sdk • 煎茶命令

集成步骤

1. 生成一个新的煎茶应用程序

   C:\xampp\htdocs\touch> sencha generate app integrationapp ../integrationapp

2. 用命令打包sencha应用

   Sencha 应用构建包

3. 要创建 phonegap 应用程序，请将路径设置为

   C:\tools\phonegap-2.8.1> cd C:\tools\phonegap-2.8.1\lib\android\bin

4. 设置android sdk工具的路径

   设置 PATH=C:\tools\Android\android-sdk\tools;%PATH%;

5. 设置android sdk platform-tools的路径

   设置 PATH=C:\tools\Android\android-sdk\platform-tools;%PATH%

6. 创建一个 phonegap 项目

   创建 ./myApp com.xyz.myApp myApp

项目将在以下路径创建：

C:\tools\phonegap-2.8.1\lib\android\bin

1. 从 /build/appName 下构建的 sencha 应用程序包目录复制文件到 phonegap android -> path_to_app\assets\www

2. 将eclipse中的phonegap项目导入为android项目。

3. 构建项目 .Apk 将在 bin 文件夹中。

Answer 2

您可以通过两种方式将 PhoneGap 与 Sencha Touch 结合使用：

1. 在本地维护一个 PhoneGap 项目（包括下载 iOS / Android SDK）

或

1. 使用PhoneGap Build（不需要改变正常的Sencha Touch结构）

要使用PhoneGap Build，只需像往常一样创建您的Sencha Touch 项目。您需要做的就是创建一个 config.xml 文件来告诉 PhoneGap Build 如何构建您的应用程序，并且您还需要在 index.html 文件中引用“phonegap.js”（您只需要引用它，您不需要在您的项目中包含 phonegap.js 文件，这是由 PhoneGap Build 服务器自动添加的）。

完成此操作后，您将能够开始使用 PhoneGap 功能，但请记住，只有在您实际构建应用程序并将其放到设备上后，它们才会起作用。 PhoneGap 函数不会通过您的浏览器运行，并且会引发错误（可能会破坏您的应用程序）。

欲了解更多信息：http://www.joshmorony.com/using-sencha-touch-with-phonegap-build/