使用 Cordova 构建您自己的移动应用程序

使用 Cordova 可能是许多 Web 开发人员开始构建移动应用程序的最快方式。使用 Cordova，您无需学习一套新的编程语言，您可以简单地使用 HTML、CSS 和 JavaScript。

您可以使用 Phonegap 构建工具将代码编译到众多移动平台中，包括 iOS、Android、Windows Phone 和 BlackBerry。现在的问题是“从哪里开始？”

首先，我们需要创建一个“Cordova 项目”。如果您是对构建自己的移动应用程序感兴趣的 Web 开发人员，请关注这篇文章。我们将向您展示启动使用 Cordova 构建移动应用程序项目的最快方法。让我们开始吧。

科尔多瓦命令行界面

Cordova 附带命令行界面 (CLI)，其中包括用于创建项目、模拟和构建应用程序的命令。Cordova CLI 作为 Node.js 包提供。所以你必须安装 Node.js 才能安装它。

假设您的计算机中安装了它，您可以在终端或命令提示符中键入此命令行来安装 Cordova CLI。

npm install -g cordova

这将cordova全局安装该命令；您可以在计算机目录中的任何位置访问该命令。键入cordova -v以获取已安装的版本。

创建项目

安装 Cordova CLI 后，启动 Cordova 项目将变得轻而易举。即使不熟悉命令行，也应该很容易理解。我们可以使用命令后跟项目文件夹名称来创建项目create，例如：

cordova create hongkiatcom

此命令将下载所有必要的文件以及一些示例文件，以帮助我们开始开发。

创建项目后，使用进入项目目录cd <name-of-the-project-directory>。该文件夹应包含如下文件夹数。

hooks文件夹可能包含自定义本机 Cordova 命令的脚本。
merges文件夹可能包含特定平台的 HTML、CSS 和 JavaScript 文件，并将在应用程序部署时覆盖 www 文件夹中的文件。
当我们打算为特定平台构建时，platforms文件夹将包含本机应用程序文件。
plugins文件夹将包含扩展 Cordova 的插件。
www文件夹包含跨平台共享的一般 Web 文件。

平台集成开发环境

在继续之前，我们需要有一个 IDE，例如用于开发 iOS 应用程序的 Xcode、用于开发 Android 的 Android Studio 和用于 Windows Phone 的 Visual Studio。因为我使用的是 OS X 并且已经安装了 Xcode，所以我将使用它们在我的项目中添加 iOS 平台。

键入以下命令：

cordova platform add ios

如前所述，此命令将添加本机文件以在命令行中为指定平台构建应用程序。运行上述命令后，您应该找到一个名为ios的文件夹，其中包含.xcodeproj文件和一堆其他文件，如下所示。

如果你已经添加了 Android 平台，你应该找到一个名为android的文件夹。

在 IDE (Xcode) 中添加项目

现在我们将项目目录添加到 IDE，在本例中为 Xcode。启动 Xcode。转到文件 > 打开菜单并导航到平台目录 – 例如/platforms/ios。单击“打开”以在 Xcode 中打开该文件夹。

您可以修改www文件夹中的任何内容——HTML、CSS、图像和 JS 。完成后，单击 Xcode 左上角的播放按钮编译应用程序并将其呈现在 iPhone 模拟器中。

最后的想法

Cordova 使创建移动应用程序变得容易遵循。我们可以像构建网站一样构建移动应用程序。在本文中，我们向您展示了如何创建一个 Cordova 项目并在 iOS 模拟器中展示该应用程序。实际上，科尔多瓦还有更多值得探索的地方。唉，我希望这篇文章可以帮助您开始使用 Phonegap 开发移动应用程序。