如何创建准系统 Phonegap 项目

Posted

技术标签:

【中文标题】如何创建准系统 Phonegap 项目【英文标题】:How to create a barebones Phonegap project 【发布时间】:2015-09-30 14:49:21 【问题描述】:

我正在设置无头 Ubuntu 14.04 服务器,以使我能够自动化(脚本)使用 Phonegap 生成 android APK 的过程。我做了以下

安装 Java JDK 安装 ANT 安装 Android SDK 设置环境路径 按照Phonegap CLI documentation 中的说明创建了一个测试项目。 发布了phonegap build android -d >> result.txt 以在 `/app-folder/platforms/android/build/outputs/apk' 下创建 APK 已将 APK 移至我的 Dropbox 上的文件夹 在我的 Android 手机上打开、安装和测试 APK

一切晶莹剔透,一帆风顺。但是,在这里我遇到了几个未知数。

    `/app-folder/config.xml' 文件相对容易理解,但如果有一个全面的资源或备忘单来解释我可以放入 config.xml 中的所有内容,那就太好了。 Phonegap 文档很有帮助,但简洁的备忘单会更好。我还没找到。 最终,我想构建自己的 APK。我应该如何在不从头开始的情况下做到这一点。我可以使用默认的 Hello World 项目并执行以下操作吗

xxx

    更改 config.xml 中的名称、描述和作者属性 替换#dpi 和port-#dpi 图像 绑定到loaddevicereadyofflineonline 事件来做我自己的事情 如何处理各种 allow-intent 字段? 如何处理spec 子文件夹中的各种文件?

最后,我想为 hello world 应用程序使用 config.xml 文件中的所有各种插件

<gap:plugin name="org.apache.cordova.battery-status" />
<gap:plugin name="org.apache.cordova.camera" />
<gap:plugin name="org.apache.cordova.media-capture" />
<gap:plugin name="org.apache.cordova.console" />
<gap:plugin name="org.apache.cordova.contacts" />
<gap:plugin name="org.apache.cordova.device" />
<gap:plugin name="org.apache.cordova.device-motion" />
<gap:plugin name="org.apache.cordova.device-orientation" />
<gap:plugin name="org.apache.cordova.dialogs" />
<gap:plugin name="org.apache.cordova.file" />
<gap:plugin name="org.apache.cordova.file-transfer" />
<gap:plugin name="org.apache.cordova.geolocation" />
<gap:plugin name="org.apache.cordova.globalization" />
<gap:plugin name="org.apache.cordova.inappbrowser" />
<gap:plugin name="org.apache.cordova.media" />
<gap:plugin name="org.apache.cordova.network-information" />
<gap:plugin name="org.apache.cordova.splashscreen" />
<gap:plugin name="org.apache.cordova.vibration" />

可能会使应用程序膨胀,所以我认为我应该对每个应用程序留下的内容更有选择性?最后但并非最不重要的一点是,我如何着手修改这个基本应用程序以使其在现实世界中签名?

我大约 6 小时前才开始这个过程,我很惊讶到目前为止它竟然如此简单。但是,除了告诉我如何安装 phonegap-cli 然后构建 hello world 之外,我找不到任何教程。

我将非常感谢任何帮助和提示。


我后来发现可以从许多模板之一开始在 CLI 中创建准系统 Phonegap 应用程序。您可以通过发布查看提供的模板

phonegap template list

我发现的jquery-mobile-starter 模板是一个不错的起点。取得了一些进展,但我仍然没有弄清楚哪些 config.xml 设置 - 特别是插件和允许意图的设置,我需要根据每个应用程序的用途进行修改,所以我仍然希望在这里得到帮助.

【问题讨论】:

【参考方案1】:

Here is a link to a similar question and answer I came up with。但我最终使用了PhoneGap Build。对我来说,这似乎更有意义,并且似乎是比 Cordova 和 PhoneGap 更精简的解决方案。

Here is a video tutorial 和 source code for a Hello World, fully functioning starter app 用于 PhoneGap 构建。

说明:

    下载source code。 Zip 下载文件夹。 将 .zip 文件上传到build.phonegap.com/apps。 点击构建按钮。 使用移动设备扫描二维码。 在您的移动设备上下载并安装应用程序。

整个过程大约需要一分钟才能完成。

【讨论】:

感谢您的回答。与此同时,我已经弄清楚了使用 Phonegap CLI 需要知道的一切。我想我应该删除这个问题,但忘记了。 @DroidOS:或者,更好的是,考虑用你学到的东西来回答你自己的问题。然后接受你自己的答案。它可能会帮助下一个人!【参考方案2】:

看ionic

然后前往入门部分并继续进行。确保你已经安装了 nodejs。

【讨论】:

我不会经常或轻率地投票。但是您没有注意到我想在无头服务器上自动构建 APK 吗?我的问题都与该要求有关,因此需要根据需要构建的每个单独 APK 的需要动态调整“模板”应用程序。我不是在寻找现成的 UI 组件等。很遗憾,您实际上没有回答我的任何问题。

以上是关于如何创建准系统 Phonegap 项目的主要内容,如果未能解决你的问题,请参考以下文章

Visual Studio 2012 中的 Phonegap:如何使用 console.log?

我只想使用 Phonegap 定位 iPhone(不是 iPad)

PhoneGap 安全吗?

如何使用 Gradle 构建系统让 PhoneGap 项目在 Android Studio 中运行

入门:Xcode 中没有 phonegap 模板

将 jquery mobile mvc4 web 应用程序转换为 phonegap