Phonegap 和 Sencha Touch 2.3 集成

Posted 2023-03-15

【中文标题】Phonegap 和 Sencha Touch 2.3 集成

【英文标题】：Phonegap and Sencha Touch 2.3 integration

【发布时间】：2014-05-16 21:42:02

【问题描述】：

我正在尝试同时使用 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

然而，

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

【参考方案1】：

Phonegap 和 Sencha Touch 集成

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

集成步骤

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

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

用命令打包sencha应用

Sencha 应用构建包

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

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

设置android sdk工具的路径

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

设置android sdk platform-tools的路径

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

创建一个 phonegap 项目

创建 ./myApp com.xyz.myApp myApp

项目将在以下路径创建：

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

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

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

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

【讨论】：

您能否进一步解释一下第 6 步？是 phonegap 的 create 命令吗？

【参考方案2】：

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

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

或

使用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/