cordova 移动开发_使用Cordova构建自己的移动应用

使用Cordova可能是许多Web开发人员开始构建移动应用程序的最快方法。 使用Cordova，您无需学习新的编程语言集，只需使用HTML，CSS和JavaScript。

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

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

科尔多瓦CLI

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>项目cd <name-of-the-project-directory>进入项目目录。 该文件夹应包含以下文件夹数。

• hooks文件夹可能包含自定义本地Cordova命令的脚本。
• merges文件夹可能包含特定平台HTML，CSS和JavaScript文件，并且在应用程序部署时将被www文件夹中的文件覆盖。
• 当我们旨在针对特定平台进行构建时， platforms文件夹将包含本机应用程序文件。
• plugins文件夹将包含扩展Cordova的插件。
• www文件夹包含跨平台共享的常规Web文件。

平台IDE

在继续进行操作之前，我们需要拥有一个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。 完成后，单击Xco​​de左上角的播放按钮以编译该应用程序并将其显示在iPhone Simulator中。

最终思想

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

翻译自: https://www.hongkiat.com/blog/cordova-getting-started/