Cordova - Windows系统下安装配置Cordova（附编译发布Android应用）
作者：hangge | 2016-07-26 08:40
使用 Cordova 可以很方便地进行跨平台应用的开发。在之前的文章：Cordova - 使用Cordova开发iOS应用实战1（配置、开发第一个应用）。介绍了如何在 Mac OS 系统下安装使用 Cordova。本文介绍如何在 Windows 系统下搭建 Cordova 环境。并使用 Cordova 编译发布一个安卓（Android）应用。
一，Cordova环境搭建
1，安装Node.js
主要是用来下载和安装 Cordova
下载地址：https://nodejs.org
将下载下来的 msi 文件运行安装即可。
运行如下命令安装：
npm install -g cordova以后如果要更新 Cordova，运行如下命令：
npm update cordova -gcordova 更新完成后，还需要更新项目（比如更新 ios 项目）：
cordova platform update ios
3，测试下Cordova是否安装成功
运行如下命令：
cordova -v显示版本号则证明安装成功。
二，Android环境搭建
三，创建一个简单的Cordova项目
1，在终端中运行cd命令，进入想要创建项目的目录位置
要使用 Cordova 开发 Android 应用，首先还是要在本机搭建个安卓环境。
具体可以参考我前面写的这篇文章：Android - Windows下开发环境的搭建（附：编写运行一个简单样例）
1，在终端中运行cd命令，进入想要创建项目的目录位置
比如我们想把工程创建在 H 盘中 Code 目录下，首先在命令控制台中进入到这个文件夹。
2，运行如下命令创建工程项目
3，创建成功后工程目录如下：
cordova create hello com.example.hello HelloWorld
参数说明：
第一个参数 hello 为工程的文件夹名；
第二个参数（可选）com.example.hello 为应用程序的id名，可以在 config.xml 中修改，如果不指定的话默认为 io.cordova.hellocordova；
第三个参数（可选）HelloWorld 为App显示的名称，也可在 config.xml 中修改。
第一个参数 hello 为工程的文件夹名；
第二个参数（可选）com.example.hello 为应用程序的id名，可以在 config.xml 中修改，如果不指定的话默认为 io.cordova.hellocordova；
第三个参数（可选）HelloWorld 为App显示的名称，也可在 config.xml 中修改。
目录文件说明：
conig.xml ：cordova的配置文件
hooks/ ：存放自定义cordova命令的脚本文件。
platforms/ ：各个平台原生工程代码，会在build时被覆盖勿修改
plugins/ ：插件目录（主要是提供各个平台的原生API）
www/ ：用H5编写的源代码目录，build时会被放入各个平台的assets\www目录。
www/index.html ：App入口html文件
conig.xml ：cordova的配置文件
hooks/ ：存放自定义cordova命令的脚本文件。
platforms/ ：各个平台原生工程代码，会在build时被覆盖勿修改
plugins/ ：插件目录（主要是提供各个平台的原生API）
www/ ：用H5编写的源代码目录，build时会被放入各个平台的assets\www目录。
www/index.html ：App入口html文件
4，添加Android平台支持
（1）进入工程目录
注意：在 platforms 文件夹里的每个平台工程文件下，也都会有各自的 www 目录（比如 Android 平台便是 platforms\android\assets\www），但我们不应该直接操作这个文件夹中的内容。
而是编辑最外面的 www 文件夹里的页面，然后运行 build 命令编译工程，这些页面就会自动覆盖到各个平台下对应目录下。
（1）进入工程目录
cd hello（2）添加 Android 平台文件
cordova platform add android（3）执行完毕后可以看到在 platforms 文件夹下已经创建了个 Android 工程
而是编辑最外面的 www 文件夹里的页面，然后运行 build 命令编译工程，这些页面就会自动覆盖到各个平台下对应目录下。
5，工程的编译
（1）每次当我们编辑完 www 文件夹里的页面后，然后运行如下命令会重新 build 工程。
cordova build（2）如果我们添加了多个平台项目（比如 iOS、Android）。那么上面命令会编译所有平台工程。我们可以指定编译某个平台的，比如 Andorid。
cordova build android
6，工程的运行（使用浏览器）
（1）运行命令：cordova serve android
（2）在浏览器中打开相关地址 http://localhost:8000 （不管是桌面浏览器还是移动浏览器都行，下面是使用Firefox）
7，工程的运行（使用模拟器）
（1）首先我们要创建一个模拟器。运行 Android SDK Manager，点击菜单“Tools”-〉“Manage AVDs...”。点击弹出窗口的“Create”按钮。
（2）运行命令：cordova emulate android 这时便会启动模拟器，并且自动将程序部署到模拟器上运行。
8，工程的运行（使用真机调试）
（1）手机先装好设备驱动（这个很重要）
（2）将手机接上电脑，并设置为调试模式。
设置/设定 -> 开发者选项 -> USB调试。将其打勾，允许USB线调试。（3）运行命令：cordova run android -list 显示当前连接的 android 设备。
（4）运行命令：cordova run android -target="32309910caf57f11" 即可自动将工程编译安装到设备上，并启动真机进行调试。（target 里便是上面查到的设备编码）
如果你电脑只接了一台设备那么直接运行：cordova run android 就好了。
9，使用Eclipse打开Andorid项目
除了通过上面提到的用命令来实现在模拟器、或真机上部署运行程序外。我们还可以使用 adt-bundle-windows 中附带的 eclipse 来打开编译生成的 Android 工程。
使用 eclipse 来编译调试也是很方便的（也支持模拟器或真机）。具体参考我的这篇文章：Cordova - 使用Eclipse导入Cordova创建的Android工程项目
（注意：eclipse 打开的这个项目建议只用来调试或者发布，不要在这个工程里面修改代码。）
全部评论（0）