×

Cordova 教程

Cordova 概述Cordova 环境配置Cordova 第一个应用程序Cordova config.xml文件Cordova 存储Cordova 事件Cordova 返回按钮Cordova PlugmanCordova 电池状态Cordova 相机Cordova 联系人Cordova 设备Cordova 加速计Cordova 设备方向Cordova 对话框Cordova 文件系统Cordova 文件传输Cordova 地理位置Cordova 全球化Cordova InAppBrowserCordova 媒体Cordova 媒体捕获Cordova 网络信息Cordova 闪屏Cordova 振动Cordova 白名单Cordova 最佳实践

Cordova 第一个应用程序


在上一个教程中,我们向您展示了如何安装Cordova并设置环境。一旦一切准备就绪,我们可以创建我们的第一个混合Cordova应用程序。

步骤1 - 创建应用程序

在命令提示符下打开要在其中安装应用程序的目录。我们将在桌面上创建它。

C:UsersusernameDesktop>cordova create CordovaProject io.cordova.hellocordova CordovaApp
  • CordovaProject 是创建应用程序的目录名称。

  • io.cordova.hellocordova 是默认的反向域值。 如果可能,您应该使用您自己的域值。

  • CordovaApp 是您应用的标题。

步骤2 - 添加平台

您需要在命令提示符下打开您的项目目录。在我们的示例中是 CordovaProject 你应该只选择你需要的平台。为了能够使用指定的平台,您需要安装特定的平台SDK。由于我们在Windows上开发,我们可以使用以下平台。我们还安装了Android SDK,因此我们只会为本教程安装Android平台。

C:UsersusernameDesktopCordovaProject>cordova platform add android

还有其他平台可以在Windows操作系统上使用。

C:UsersusernameDesktopCordovaProject>cordova platform add wp8

C:UsersusernameDesktopCordovaProject>cordova platform add amazon-fireos

C:UsersusernameDesktopCordovaProject>cordova platform add windows

C:UsersusernameDesktopCordovaProject>cordova platform add blackberry10

C:UsersusernameDesktopCordovaProject>cordova platform add firefoxos

如果你是在Mac上开发,你可以使用 -

$ cordova platform add IOS

$ cordova platform add amazon-fireos

$ cordova platform add android

$ cordova platform add blackberry10

$ cordova platform add firefoxos

您也可以从您的项目中删除平台使用 -

C:UsersusernameDesktopCordovaProject>cordova platform rm android

步骤3 - 构建和运行

在这一步,我们正在为指定的平台构建应用程序,所以我们可以在移动设备或模拟器上运行它。

C:UsersusernameDesktopCordovaProject>cordova build android

现在我们可以运行我们的应用程序。 如果你使用默认模拟器,你应该使用 -

C:UsersusernameDesktopCordovaProject>cordova emulate android

如果你想使用外部模拟器或真实设备,你应该使用 -

C:UsersusernameDesktopCordovaProject>cordova run android

注意 - 我们将使用genymotion android模拟器,因为它比默认的更快,更灵敏。您也可以使用实际设备进行测试,方法是从选项中启用 USB调试,然后通过USB电缆将其连接到计算机。对于某些设备,您还需要为特定设备安装USB驱动程序。

一旦我们运行应用程序,它将安装在我们指定的平台上。如果一切都完成没有错误,输出应该显示应用程序的默认开始屏幕。

Cordova App

在下一个教程中,我们将向您展示如何配置Cordova应用程序。


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)