PhoneGap Build 上的 Hello World

Posted

技术标签:

【中文标题】PhoneGap Build 上的 Hello World【英文标题】：Hello World on PhoneGap Build 【发布时间】：2015-10-24 08:55:04 【问题描述】：

我正在尝试在 https://build.phonegap.com/apps/ 上做 Hello World（仅适用于 android）。

我创建了一个目录。将其命名为 www。添加了以下 index.html。拉上拉链。然后上传到https://build.phonegap.com/apps/，希望能取回一个.apk文件。

索引.html 
<!doctype html>
<html>
<head>
  <title>PG Test</title>
</head>
<body> Hello World </body>
</html>

相反，我得到的只是这条错误消息。

错误 
Error - Some official plugins have to be updated if using
PhoneGap >= 4.0.0. Please upgrade the version of any
plugins that may include the following file:
FileTransfer.java - You can fix this here.

上述错误消息中的“此处”链接将您带到here：http://plugins.cordova.io/npm/index.html。显示“找不到页面”的位置。

问题

请提供必要的 Phone Gap Build 源代码，以生成适用于 Android 的 .apk 文件。

【问题讨论】：

您是否阅读了说明或猜测您应该做什么？ @JesseMonroy650：我阅读了文档和常见问题解答。说明非常简单。只需使用 HTML、CSS 和 javascript 构建一个 Web 应用程序，然后将其压缩并上传。事实上，我“成功地”用它完成了一些有 bug 的构建。因此，我尝试使用 Hello World 进行调试，然后一切都崩溃了。我什至无法回到我最初的“成功”（错误）构建，我刚刚收到这个错误。这很令人困惑，因为我看不到任何需要更新的东西，因为它是一个完全基于云的服务，而且我没有使用插件。希望其他人可以尝试一下。 【参考方案1】：

尝试更新 phonegap 或任何相关程序，因为其中一个似乎已过时。如果您使用任何插件，例如在您的应用中添加，请尝试查看它们是否为最新版本。

【讨论】：

事情是...PhoneGap Build 的过程完全不使用PhoneGap 我可以说。 PhoneGap Build 似乎是一个完全基于云的服务。这就是为什么关于更新和升级的错误消息对我来说没有意义。【参考方案2】：

FWIW：你没有提到你的config.xml。在这一点上，我假设你正在使用你得到的那个 - 没有修改。

好的。我会给你快速修复。但首先你应该知道你有大量的错误。这个快速修复将帮助您继续前进，但您应该多次阅读我列出的文档。

Top Mistakes by Developers new to Cordova/Phonegap

快速修复将此添加到您的 config.xml 以供 PHONEGAP BUILD ONLY&lt;preference name="phonegap-version" value="3.7.0" /&gt;

您收到这些错误的主要原因有两个。

    插件存储库已移至 NPM。您的代码显示您没有跟上。 (#11) 如果您在构建时未设置编译器版本。 (#6)

来自上面链接中的#6：

使用 CLI 版本，如果您没有为您的平台或“Phonegap Build”分配版本，如果您没有在 config.xml 中设置 phonegap-version，您将获得最新版本。如果幸运的话，您的程序会按预期运行。如果你不走运，你会得到一组级联错误。

再说一遍，你不走运。您正在收到 级联错误集 您应该阅读 #6、#7、#10 和 #11。

祝你好运，告诉我进展如何。

【讨论】：

点赞！谢谢您的回答。这里显然有很多信息。您是否知道在哪里可以获得完整的“入门应用程序”或准备上传到 PhoneGap Build 的一组文件，这将导致一个可工作的 .apk 文件展示一些脚本行为？就像，也许，在按下发送按钮后显示输入内容的表单域？我一直在寻找某种类型的“Hello World”或 PhoneGap Build 的入门工具包示例，但还没有成功找到。 根据您对工作演示的要求，遗憾的是，我的演示都不再工作了，而且我不知道 - 除了一些样板演示。下一级演示的真正问题是拥有一 (1) 个工作插件并使用所谓的white-list 系统。抱歉，我会在接下来的几周内尝试拥有一个。我保留了几个博客，但我将在此发布有关使用新系统工作演示的信息：codesnippets.altervista.org/blog -- 祝你好运 Jesse，你现在似乎是世界领先的 PhoneGap Build 专家。至少与在线问答论坛有关。那么请告诉我你对this related Stack Overflow question有什么想法吗？ 感谢您的补充。然而，我也被认为是粗鲁和傲慢的。我正在努力。 ;-)【参考方案3】：

删除并重新启动而不是更新代码

我的解决方案是删除我现有的应用程序（而不是“更新代码”）。显然，之前的代码有一些“缓存”没有被覆盖，所以我不得不彻底清除旧的 .zip 文件并重新开始一个新的。

然后它起作用了。

在 config.xml 中拉取插件

经过一番修修补补，我可能开始明白发生了什么。我刚刚从 github.com/phonegap/phonegap-start 下载了 phonegap-start 应用程序，同样的问题又出现了。我认为问题是由 config.xml 文件中引用的插件源文件引起的。而且我认为当我选择“更新代码”而不是删除旧应用程序并重新开始时，这些引用并没有被删除。 config.xml 文件的相关部分如下。

config.xml sn-p 
<!-- Core plugins -->
<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" />

【讨论】：

【参考方案4】：

This Youtube video shows how to install and use PhoneGap Build using a sample application。 https://www.youtube.com/watch?v=UOjoNEUFeVE

Here is the Github repository of the source code。 https://github.com/ccoenraets/EmployeeDirectory

有效！

【讨论】：

【参考方案5】：

我想我会通过using the cca (Chrome Cordova App) toolchain to develop Mobile Chrome Apps 完全走向不同的方向。

Here are some sample starter apps.

And here is a good Youtube video depicting the procedure.

【讨论】：

以上是关于PhoneGap Build 上的 Hello World的主要内容，如果未能解决你的问题，请参考以下文章

BackgroundFetch / 使用PhoneGap Build的后台运行应用程序

iOS 6 iPhone 5 App 在Phonegap Build 中没有全屏显示？

如何从 PhoneGap Build 中的 PushNotification 获取键/值数据

Phonegap build 本地发布版本（不含Phonegap Build）

PhoneGap.Build 示例 com.facebook.sdk 错误 2

Urban Airship phonegap 3.5 with Phonegap Build