时间戳

首页 > 解决方案 > 如何在 HTML5 中包含 Cordova.js

javascript - 如何在 HTML5 中包含 Cordova.js

问题描述

我想将我的 HTML5 游戏转换为 iOS/Android 应用程序，我可以使用 Phonegap 或 Cocoon 来完成，所有教程都表明我们必须将 cordova.js 文件包含到 index.html 页面中。

如果我按照建议包含cordova.js：

<html>
<head>
    <script src="cordova.js"></script>
    <script src="js/phaser.min.js"></script>
    <script src="js/game.js"></script>
</head>
</html>

我可以看到这条消息：

_Uncaught ReferenceError: require is not defined at cordova.js:28_

另外，我已经将一个项目上传到 Web 服务器，我得到了相同的结果。从这里下载科尔多瓦 https://github.com/apache/cordova-js/blob/master/src/cordova.js

在此处输入图像描述

标签： javascriptcordovaphaser-framework

解决方案

您似乎只是直接从 GitHub 复制了 cordova.js 文件并手动将其包含在您的项目中。

如果你想使用 Cordova，你应该使用 Node.js 来创建你的项目并定义你的平台。这反过来将包括完整的 cordova.js 文件，其中包含该require()函数。

在官方网站上创建你的第一个 Cordova 应用程序包括一个基本的入门教程，GameDev Academy 有一个关于使用 Phaser 3 和 Cordova 创建移动游戏的教程。

本质上，一旦您安装了 Cordova 工具和要求：

  1. cordova create projectName创建新项目。
  2. cd projectName移动到新的项目目录。
  3. cordova platform add android和/或您希望游戏运行的任何平台。
  4. 像通常对 Phaser 游戏一样更新www目录。您可以按照 GameDev Academy 教程使用 Node.js 安装 Phaser，或者只是复制/粘贴 JS 文件，以您更喜欢的方式为准。
  5. cordova build以确保一切正常。
  6. cordova emulate android例如，在 Android 中对其进行测试，但根据您的特定环境的需要进行更改。

推荐阅读