如何开始使用 Phonegap 和 Sencha Touch？

Question

我想使用 Phonegap 和 Sencha Touch 开发一个移动应用程序。

我知道他们互相称赞以获得最佳结果。

关于需要安装的内容和安装顺序，我该如何开始？

Answer 1

您可以通过 sencha docs 网站获得所有信息，他们有适当的文档。 http://docs.sencha.com/touch/2.4/getting_started/getting_started.html

您可以通过在 tomat 服务器上托管 sencha 应用程序来使用 chrome 测试您的 sencha 应用程序。

Answer 2

当我遇到同样的问题时创建了这个文档：

如何为 Android 创建 Sencha touch App 本文档介绍如何在 Android 设备上创建、编辑和运行 Sencha Touch App。该项目是使用 Sencha Command 和 Apache Cordova 创建的。可以在此处找到其他说明和文档：http://docs.sencha.com/cmd/5.x/cordova_phonegap.html

先决条件

Java JRE

Java JRE 可以从以下位置下载和安装：http://www.oracle.com/technetwork/java/javase/downloads/jre7-downloads-1880261.html

Node.js

Node.js 可以从以下位置下载和安装：http://nodejs.org/download/

Android 调试设置

要准备运行 Sencha Touch 应用程序的 Android 设备，请确保转到设置 > 开发人员选项。然后确保选中“USB 调试”、“保持清醒”和“通过 USB 验证应用程序”复选框。

Sencha Touch SDK

http://www.sencha.com/products/touch/download/

1. 使用以下命令安装 Apache Cordova：“npm install –g cordova” 注意：如果您使用的是 Mac，则可能需要包含“sudo”
2. 如果尚未安装 Sencha cmd，请下载并安装。 http://www.sencha.com/products/sencha-cmd/
3. 满足目标设备平台特定的要求 一种。 Android：下载并安装 Android SDK 管理器。 http://developer.android.com/sdk/index.html
4. 从您的 Sencha Touch SDK 目录中使用 Cmd generate 命令创建您的应用程序，如下所示： “sencha -sdk /path/to/Framework 生成应用程序 MyApp /path/to/MyApp”
5. 导航到新生成的项目文件夹并运行： “sencha cordova init com.mycompany.MyApp MyApp”
6. 您现在应该在上述命令完成后在项目文件夹中看到 cordova 目录。
7. 您还应该在项目的 app.json 文件中看到 Cordova 块。 app.json 位于项目的根目录。您可以在此处设置要构建的平台。现在，您的 app.json 文件中应该存在类似于以下内容的构建对象：

"builds": { "native": { "packager": "cordova", "cordova" : { "config": { //"platforms": "ios android", "id": "com.mydomain.MyApp", "name": "myApp" } } } }

值得注意的是，“native”一词只是您构建的名称，可以是您喜欢的任何名称。 平台 然后，您可以将平台对象设置为任何平台或平台组合。对于 Cordova，您可以指定一个以空格分隔的列表，例如“ios android”。 ID 首次生成 Cordova 应用程序时将使用“id”属性。这将是您的应用程序的标识符。也就是说，您需要确保您选择正确。如果需要更改它，您需要从项目中删除 Cordova 文件夹，并在更改 ID 属性后让 Cmd 重新生成它。这对于 iOS 应用程序尤其重要，因为它必须与您的 Bundle Identifier 匹配。

8. 运行：“sencha app build {build-name}”
9. sencha 应用运行 {build-name}
10. 就是这样！ Sencha Cmd 现在将创建一个 Cordova 应用程序并构建您通过 app.json 中的平台属性指定的平台。