cordova - PhoneGapBuild - 本地资源未加载到 web View 中

Question

我正在尝试使用 PhoneGapBuild 网站将我的 AngularJS 移动网站包装为 PhoneGap/Cordova 混合应用程序。我能够成功上传、构建和安装 IOS 和 Android，但是，当在任一设备上运行该应用程序时，我只会看到空白屏幕。

其他信息:

• 这是我第一次尝试创建移动应用。
• 我正在使用 build.phonegap.com 将我的移动网站的 html 资源构建为 Android 和 iOS 的混合应用，并利用 config.xml 文件(上图)。
• 默认目标是 Android sdk 版本 7 和 iOS。
• 我正在 Android Charge 和 iPhone 5c 上测试该应用

如果“window.cordova”存在而它不存在，我已使用调试器“weinre”来console.log。然而，像“window.angular”和“window._”这样的东西确实存在，因为我是从外部 CDN 加载它们的。看起来好像我的本地引用的 Assets 都没有加载(通过其中的 console.logs 确认)。我尝试过引用“/cordova.js”、“www/cordova.js”、“/www/cordova.js”均无济于事。

是否有我缺少的权限或 XML 配置或其他完全不同的东西？

需要明确的是，我在我的index.html 文件中引用了cordova:

<script src="cordova.js"></script>

这是我的配置文件:

<?xml version="1.0" encoding="utf-8"?>

<widget id="com.tristatetennis.app" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0" xmlns:gap="http://phonegap.com/ns/1.0">
    <name>TriStateTennis</name>
    <description>Tennis</description>
    <content src="index.html" />
    <icon src="icon.png" />
    <access origin="*" />
    <preference name="permissions" value="none" />
    <preference name="orientation" value="default" />
    <preference name="target-device" value="universal" />
    <preference name="fullscreen" value="true" />
    <preference name="webviewbounce" value="true" />
    <preference name="prerendered-icon" value="true" />
    <preference name="stay-in-webview" value="false" />
    <preference name="ios-statusbarstyle" value="black-opaque" />
    <preference name="detect-data-types" value="true" />
    <preference name="exit-on-suspend" value="false" />
    <preference name="show-splash-screen-spinner" value="true" />
    <preference name="auto-hide-splash-screen" value="true" />
    <preference name="disable-cursor" value="false" />
    <preference name="android-minSdkVersion" value="14" />
    <preference name="android-installLocation" value="auto" />
    <plugin name="cordova-plugin-battery-status" />
    <plugin name="cordova-plugin-camera" />
    <plugin name="cordova-plugin-media-capture" />
    <plugin name="cordova-plugin-console" />
    <plugin name="cordova-plugin-contacts" />
    <plugin name="cordova-plugin-device" />
    <plugin name="cordova-plugin-device-motion" />
    <plugin name="cordova-plugin-device-orientation" />
    <plugin name="cordova-plugin-dialogs" />
    <plugin name="cordova-plugin-file" />
    <plugin name="cordova-plugin-file-transfer" />
    <plugin name="cordova-plugin-geolocation" />
    <plugin name="cordova-plugin-globalization" />
    <plugin name="cordova-plugin-inappbrowser" />
    <plugin name="cordova-plugin-media" />
    <plugin name="cordova-plugin-network-information" />
    <plugin name="cordova-plugin-splashscreen" />
    <plugin name="cordova-plugin-vibration" />
    <!-- <plugin name="cordova-plugin-whitelist" version="1" /> -->
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>
</widget>

谢谢

Answer 1

好消息是您的 config.xml 看起来相当不错，比大多数都好。

1. 可以肯定的是，我们正在谈论 PGB (PhoneGap Build) ，Phonegap/Adobe 提供的基于云的构建服务。

2. 您的大多数问题都源于陷入
   #5 在设计应用程序时，认为phonegap就像网站或网络浏览器一样工作。的Top Mistakes by Developers new to Cordova/Phonegap

   确保您阅读了所有粗体句子，因为您可能需要一遍又一遍地阅读此内容。

   在我之前谈到的部分中，您的应用程序不能成为您网站的包装器，这是您需要了解的内容:

   Quote Apple iTunes Guidelines - 2.12

   Apps that are not very useful, unique, are simply web sites bundled as Apps, or do not provide any lasting entertainment value may be rejected

3. 对于Phonegap Build，它的主要资源(index.html、config.xml)必须位于根目录中。这意味着两个文件*必须*位于同一目录中。这也意味着子目录可以包含其他与 Web 相关的资源，例如 javascript、css 和更多网页。

   此错误来自于偶然发现 #1的Top Mistakes by Developers new to Cordova/Phonegap 。如果您使用的是 Cordova/Phonegap CLI，则 config.xml 位于 index.html 和 index.html< 下一个目录 位于 www/。

4. 当config.xml中不使用phonegap-version时，您将获得最新版本，目前为cli-5.2.0 。这有很多含义。

   您不能要求低于编译器支持的 android-minSdkVersion。文档说 7 可以，但这是一个错误。支持的最低 Android API 是 14 ( Ice Cream Sandwich )。

   此要求极难实现，因为您必须阅读 *Cordova* 文档。 Android Platform Guide -> 要求和支持。如果您想支持 7，那么您将需要使用Phonegap CLI。

5. 如果您使用的是 Android 6.0，PGB 尚不支持此功能。如果您使用的是 iOS9，Cordova 最近刚刚被released 2015 年 12 月 8 日(hot fixes 2015 年 12 月 18 日)，PGB 尚不支持此功能。 这是因为 PGB 仍然使用 Cordova 编译器来完成其工作。

6. 您可以使用cordova.js或phonegap.js。没关系，两个都支持。详情参见:Documentaion -> 简介 -> Getting Started with Build -> Sections -> 确保您仍然可以访问 PhoneGap API

7. 确保您使用包含所有插件的版本。

   Documentaion ->配置-> Plugins -> Including a plugin in your project

   If you omit the spec (version) tag, your app will always be built with the latest version of the plugin. It will be updated automatically the next time you update your app code after a plugin is updated, which may cause unexpected behaviour.

此外，这里还有一些帮助链接和常见问题解答:

• Google Group of Cordova/Phonegap CLI 和 SDK(用于 IDE)
• “官方”Nitobi forum for Phonegap Build
• Top Mistakes by Developers new to Cordova/Phonegap
• Core Plugins Setup
• HOW TO apply the Cordova/Phonegap the whitelist system