如何用cordova创建web app

今天在家没事做，瞎搞了一下apache cordova,感觉还是蛮有意思的哈哈哈。废话不多说。我们先来配置环境吧

（一）准备工作的准备工作

首先需要安装的工具有：

JAVA的JDK;装完自行配置环境变量

Android的SDK;我用的是android 的bundle版的ecilpse中自带的sdk,不过还是建议自行安装完整版，装完自行配置环境变量

Apache Ant;这个东西是不用安装哒，只要将ant.bat所在的路径加入到系统的path变量中就可以啦

完成配置后请自行在命令行中测试安装版本以确定安装无误：

java -version

ant -version

adb -version

（二）准备工作

如果你的电脑上还没有安装过NodeJS,那么请登录到http://nodejs.org/.然后安装NodeJS

安装完成后，在命令行中输入npm install -g cordova来安装cordova.是不是超级简单啊哈哈哈。

注意：建议以管理员身份完成cordova的安装。另外如果上述命令无法执行，请检查NodeJS是否被加入环境变量（一般会自动添加）

然后你也可以搞个android模拟器啥的。不过我比较喜欢真机调试。不会create模拟器的同学请自行百度。

（三）发布APP

当然啦，前提是你已经写好了一个web工程。不过没写也不要紧（去github上clone一个下来，如果我后面有空的话也会写一个给大家测试用的），咱也可以先看看效果的嘛。

首先我们需要创建一个项目。在命令行中cd到你准备放置工程的路径中，然后输入命令：
cordova create hello com.example.hello HelloWorld

cordova后面的三个参数分别为文件夹名称，APP ID, 以及APP名称。创建好的 工程文件夹中有几个子文件夹。目前我们需要关注的是www以及platforms.

第二步我们要为这个项目添加平台，因为我买不起苹果的产品，所以只好先试了试android平台。先cd 到项目的文件夹中，然后输入命令 :

cordova platform add android

OK,下一步，如果你有web的源码，直接把它丢到www文件夹下面。然后修改主文件夹下面的config.xml.使其<content src="index.html">其中index.html改为首页文件名。（一般都是吧）

最后一步。直接build:

cordova build

运行成功后，你就可以在platforms/android/ant-build路径下找到你需要的apk啦。

如果你运行

cordova run android

不但会帮你build还会直接在android模拟器上安装你的apk（如果你有模拟器的话）