如何用cordova创建web app

                                   如何用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(如果你有模拟器的话)

猜你喜欢

转载自blog.csdn.net/zhangyufeng0126/article/details/79010907