在 Windows 10 上搭建 Cordova 跨平台开发 Android 环境

版权声明:转载请标明出处 https://blog.csdn.net/Upgrader/article/details/87859142


Cordova 简介:Cordova 原名 PhoneGap,是一个开源移动开发框架,它允许您使用标准的Web技术,如HTML5,CSS3和JavaScript进行跨平台开发,避免每个移动平台本机开发语言。应用程序在针对每个平台的包装内执行,并依靠符合标准的API绑定来访问每个设备的传感器,数据和网络状态。

一、安装 Cordova

首先安装 Node.js
* Node.js 下载 链接,随后进行 Node.js 的安装。
* Node.js 安装完毕后 在 控制台 用 node -vnpm -v 出现版本号即安装成功。
安装 Git
* 即使您不使用git,它应该安装,因为Cordova正在使用它的一些后台进程。
* 官方下载 链接,可能速度很慢,可使用百度网盘 x32链接 或者 x64链接
通过 npm 安装 Cordova
* Node.js 安装成功后 在 控制台 用 npm install -g cordova 安装 Cordova。
* Cordova 安装完毕后,通过 命令行 cordova -v 查询安装的 Cordova 版本。
* 我的 Cordova 版本是 8.1.2 ([email protected])

二、安装 Java 和 Android 环境

在这里我安装的是 Java JDK 1.8 版本,应该使用 Java JDK 1.8+ 即可。

安装 Java JDK 环境
* Java JDK 下载 链接,下载标注为 Java SE 8u*** / Java SE 8u*** 即为 Java JDK 1.8 版本。
* 随后配置 Java JDK 环境变量,不会配置 Java JDK 环境变量的请转向 链接
安装 Android SDK 环境
* 下载谷歌官网的 adt-bundle-windows 下载 x86链接 或者 x86_64链接。如 被墙 百度网盘 下载 x86链接 或者 x86_64链接,adt-bundle-windows 里面集成了 Android SDK 和 Eclipse,省事。
* 下载的 adt-bundle-windows 压缩包内容解压出来放到合适的位置,随后配置 Android SDK 环境变量,不会配置 Android SDK 环境变量的请转向 链接
* 把 Android SDK 环境变量配置完成后,运行文件夹中的 SDK Manager.exe 文件,由于 被墙 可能会更新失败,解决方法的 链接
* 把 Android SDK 更新成功以后,默认勾选中的不用管他,然后 Tools 前三个都要勾选,随后我还勾选了 Android 9Android 7,然后进行安装,有几十G,要耐心等待。
安装 Apache Ant 环境
* 网上说需要安装 Ant 所以我也安装了 Apache Ant ,下载 网址apache-ant-1.10.5-bin.zip 直接下载 链接apache-ant-1.9.13-bin.zip 直接下载 链接
* 下载成功随后解压出来以后放到合适的位置,并配置环境,不会配置 Apache Ant 的请转向 链接

三、创建 Cordova 应用程序

创建 Cordova 应用程序
* 使用命令行 coredova create CordovaProject 可直接创建项目目录为 CordovaProject 的 Coredova 项目。
* 使用命令行 cordova create CordovaProject io.cordova.hellocordova CordovaApp 创建项目 参考文档 链接
  1. CordovaProject 是创建应用程序的目录名称。
  1. io.cordova.hellocordova 是默认的反向域值。 如果可能,您应该使用您自己的域值。
  1. CordovaApp 是您应用的标题。
添加 Android 平台
* 创建好项目以后,命令行中使用 cd CordovaProject 进入项目 根目录。
* 在项目 根目录 命令行中使用 cordova platform add android 添加 Android 平台。
* 您也可以从您的项目中删除 Android 平台 使用 CordovaProject>cordova platform rm android 命令行。
* 注: 如果您是其他平台 可参考文档 链接

四、 构建和运行 Cordova

编译成 apk 文件
* 编译成 apk 文件需要在项目 根目录 使用命令行 cordova build android 编译成功以后会出现路径为 ...\platforms\android\app\build\outputs\apk\debug\app-debug.apk 的路径,可以在此路径找到编译成功的 apk 文件。
模拟器或真实设备
* 现在我们可以运行我们的应用程序。 如果您使用默认模拟器,您需要要 根目录 使用命令行 cordova emulate android
* 如果你想使用外部模拟器或真实设备,您应该使用命令行 cordova run android

参考文档 :
  • H5程序员如何利用cordova开发跨平台应用 链接
  • W3Cschool Cordova教程 链接

猜你喜欢

转载自blog.csdn.net/Upgrader/article/details/87859142