Question

我正在尝试一起使用Phonegap和Sencha Touch 2.3

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

我已经对Sensa Touch 2.3安装zip文件进行了下载和解压缩，并将其重命名为＆＃34; touch＆＃34;并将其放在此处：E:\Programming\xampp\htdocs

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

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

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

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

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

有效地，我用名为＆＃34; www＆＃34;

的sencha应用程序替换了phonegap创建的应用程序的www文件夹

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

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

然而，

我认为这种方法很复杂。还有更优雅的方法吗？
更改代码（例如在app.js中）没有任何效果 - 浏览器仍显示＆＃34; loading＆＃34;默认Sencha应用程序的静态页面

Answer 1

Phonegap和Sencha Touch Integration

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

整合步骤

生成新的sencha应用程序

C：\ XAMPP \ htdocs中\触摸和GT; sencha生成app integrationapp ../integrationapp
使用命令
打包sencha应用程序
Sencha app build package
要创建phonegap应用程序，请将路径设置为

C：\工具\的PhoneGap-2.8.1＆GT; 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 app的包目录复制到phonegap android - ＆gt; path_to_app \资产\ WWW
将eclipse中的phonegap项目导入为android项目。
构建项目.Apk将位于bin文件夹中。

Answer 2

有两种方法可以将PhoneGap与Sencha Touch配合使用：

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

OR

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

Phonegap和Sencha Touch 2.3集成

2 个答案: