构建Apache Cordova环境

2 年 ago

科, 雅

1 minute

首先

由于在业务中需要使用Apache Cordova，所以我安装并确认它是否可运行的备忘录。
操作系统为Windows10。
按照Cordova官方网站的指示进行操作。

用 HTML 和 JavaScript 这样的 Web 语言来创建跨平台应用的技术。（这种应用被称为混合应用）

通常用于创建移动应用，如 iOS 和 Android，但也可以用来创建 Windows 和普通的 Web 应用。

作为一个文科学院毕业的作者，我觉得科尔多瓦可能是后卡尔梅尼王朝（Cordoba）的首都，但拼写不同。

需要使用Node.js这个工具。

Node.js是设计用于构建可扩展网络应用程序的异步事件驱动的JavaScript环境。

请提供链接“https://nodejs.org/ja/about/”信息的汉语译文。

嗯。
暂时从 Node.js 官方网站下载并用默认设置安装LTS版本。

根据其他需要运行应用程序的平台，似乎还有其他必需的内容，这些请自行解决。
对于筆者而言，希望在Windows上运行，所以需要配置VisualStudio的环境，但这又是一项艰巨的任务。（那又是另外一个故事了）

npm install -g cordova

如果输出了已创建文件的树状结构，可能说明成功。

在公式教程中，示例应用程序作为Web应用程序创建。（使用Cordova有什么意义）

请先进入想要创建应用程序的目录。

cordova create MyApp

有人问到是否要在途中发送匿名报告，我勉强答应了。

当您看到”创建新的Cordova项目”时，表示成功。
进入项目目录内。

cd MyApp

接下来是添加平台。
如之前所述，我们要创建一个在浏览器上运行的Web应用程序，

cordova platform add browser

当网站的示例已经完成至此处。如果您尝试运行并且浏览器成功启动并显示Apache Cordova的标志，那就太完美了。

cordova run browser

根据情况而定，有时候浏览器可能不会自动打开，这时候请手动输入URL。

等到確認完畢後，使用Ctrl + C來關閉伺服器。

我尝试将MyApp/www/index.html文件中的内容全部清空并重新编写。

<body>
    <h1>Hello, World!</h1>
</body>

变成这样了。
看起来CSS发挥了作用。

正如之前提到的，Cordova是一种用于创建混合应用程序的技术，因此制作运行在浏览器上的应用程序并不是很有意义。

根据所需的平台来进行环境搭建和插件开发似乎是其中的乐趣所在，但这些部分可以稍后再追赶。