如何用cordova创建web app
(一)准备工作的准备工作
首先需要安装的工具有:
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(如果你有模拟器的话)