如何在 HTML5 中包含 Cordova.js答案

【问题标题】：How to include Cordova.js in HTML5如何在 HTML5 中包含 Cordova.js
【发布时间】：2018-08-22 14:06:47
【问题描述】：

我想将我的 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_

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

【问题讨论】：

这可能是个愚蠢的问题...但是您是否尝试过仅在没有移相器的情况下运行cordova？我“认为”您可能需要另一个名为 require 的文件？查看此链接中的项目结构：github.com/apache/cordova-js 我猜这是一个名为“require”的节点模块

标签： javascript cordova phaser-framework

【解决方案1】：

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

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

官网Create your first Cordova app有入门基础教程，游戏开发学院有Creating Mobile Games with Phaser 3 and Cordova教程。

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

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

【讨论】：

谢谢，如果我已经有一个完整的Phaser游戏，我应该创建新的cordova项目并将游戏文件放入其中吗？我很困惑，因为教程展示了如何构建游戏，但它从创建科尔多瓦项目开始，然后构建游戏。所以，我已经完成了 Phaser 游戏，现在只需要“包含”cordova
既然您已经在没有 Cordova 的情况下创建了游戏，那么我建议您这样做，是的。从好的方面来说，这样做相对容易。