返回 导航

Cordova

hangge.com

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 文件运行安装即可。

在命令提示符(cmd)中运行 npm -v,如果出现版本号则说明 Node.js 安装成功

2,安装Cordova CLI
运行如下命令安装:
npm install -g cordova
以后如果要更新 Cordova,运行如下命令:
npm update cordova -g
cordova 更新完成后,还需要更新项目(比如更新 ios 项目):
cordova platform update ios

3,测试下Cordova是否安装成功
运行如下命令:
cordova -v
显示版本号则证明安装成功。



二,Android环境搭建
要使用 Cordova 开发 Android 应用,首先还是要在本机搭建个安卓环境。
具体可以参考我前面写的这篇文章:Android - Windows下开发环境的搭建(附:编写运行一个简单样例)


三,创建一个简单的Cordova项目

1,在终端中运行cd命令,进入想要创建项目的目录位置 
比如我们想把工程创建在 H 盘中 Code 目录下,首先在命令控制台中进入到这个文件夹。
 
2,运行如下命令创建工程项目
cordova create hello com.example.hello HelloWorld
参数说明:
第一个参数 hello 为工程的文件夹名;
第二个参数(可选)com.example.hello 为应用程序的id名,可以在 config.xml 中修改,如果不指定的话默认为 io.cordova.hellocordova
第三个参数(可选)HelloWorld 为App显示的名称,也可在 config.xml 中修改。

3,创建成功后工程目录如下:

目录文件说明:
conig.xml :cordova的配置文件
hooks/ :存放自定义cordova命令的脚本文件。
platforms/ :各个平台原生工程代码,会在build时被覆盖勿修改
plugins/ :插件目录(主要是提供各个平台的原生API)
www/ :用H5编写的源代码目录,build时会被放入各个平台的assets\www目录。
www/index.html :App入口html文件

4,添加Android平台支持
(1)进入工程目录
cd hello
(2)添加 Android 平台文件
cordova platform add android
(3)执行完毕后可以看到在 platforms 文件夹下已经创建了个 Android 工程

注意:在 platforms 文件夹里的每个平台工程文件下,也都会有各自的 www 目录(比如 Android 平台便是 platforms\android\assets\www),但我们不应该直接操作这个文件夹中的内容。
而是编辑最外面的 www 文件夹里的页面,然后运行 build 命令编译工程,这些页面就会自动覆盖到各个平台下对应目录下。

5,工程的编译
(1)每次当我们编辑完 www 文件夹里的页面后,然后运行如下命令会重新 build 工程。
cordova build
(2)如果我们添加了多个平台项目(比如 iOSAndroid)。那么上面命令会编译所有平台工程。我们可以指定编译某个平台的,比如 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)

回到顶部