利用cordova打包H5混合app

1.首先布置jdk环境,下载jdk(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)。我这里用的是1.8的

2.windows+r打开命令窗口,输入java -version,出现如下图则说明安装成功。

3.安装安卓环境,这个则是我的android-sdk-windows,链接: https://pan.baidu.com/s/1uRyA3tveKOvKUSV55BPLJQ 提取码: r8ac。解压后打开Android SDK Manager,在线安装所需要的sdk和platform。如图:

这里提示:安装的Android SDK一定要和Android platform相匹配(比如Android 7对应SDK api25),不然后面一大坑,我表示已入坑.

安装完之后配置环境变量。检查是否安装成功,打开命令窗口输入android -h成功的话如图所示:

4.打开AVD Manager,配置安卓虚拟机。如图所示:

配置完检查是否存在该虚拟机,打开命令窗口,输入 android list avd如图所示:

5.配置完之后,就开始处理cordova了,我用node.js中的npm安装的,所以先下载node,安装node,别忘了配置环境变量。安装成功后,同样打开命令窗口,检验是否安装成功。如图所示:

6.打开命令窗口,全局安装cordova,输入npm install -g cordova,等待 。如图所示表示已安装成功。

7.可以新建一个文件夹,打开命令窗口,进入到该文件夹下(比如:webapp),输入cordova creat appdemo,新建一个cordova项目。

8.同样在命令窗口下,进入该文件夹下,再进入到该项目名称下,输入cordova platform add android,添加一个android平台。可以通过cordova platforms ls查看已安装的平台,通过cordova platform rm android的命令删除平台,通过cordova plugin add cordova-plugin-device类似的命令安装额外的插件。这些东西需要知道。

9.如下图就是我的两个项目了,因为我之前想新建一个cordova项目,在其他文件夹下创建不了,发生了bug,好像是提示“不是cordova根目录不能创建”。所以我又在webapp文件夹下重新创建一个test的cordova项目,测试成功。

10.把自己的项目添加到www目录下,然后在命令窗口下,cordova build android打包,等待。如图所示表示打包成功:

然后根据上图提示,找到该文件下。

打包成功,在安卓手机测试即可食用。

that's all,thanks.O(∩_∩)O

posted @ 2017-05-03 09:37  萤火虫不玩儿火  阅读(4389)  评论(0编辑  收藏  举报