2019年的-cordova打包apk流程

1,797 阅读2分钟

一、Android打包环境配置

image.png

  • 2、安装Cordova CLI
    运行如下命令安装:  npm install -g cordova

image.png

image.png

注意: 一开始使用最新的jdk版本打包无法完成,提示错误之后换成~1.8.0版本之后,完成打包

image.png

  • 4、配置环境变量 系统变量→新建 JAVA_HOME 变量
    变量值填写本地jdk的安装目录,

image.png

系统变量→新建 CLASSPATH变量
输入: %JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

image.png

系统变量→编辑PATH的变量
输入:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

image.png

  • 5、安装Android SDK 下载地址 www.androiddevtools.cn/ 在线安装所需要的sdk和platform,需要翻墙安装里面的依赖包

image.png

ps:使用代理安装,可以安装部分依赖     (选择:Tools => options)

image.png

配置环境变量
用户变量→新建ANDROID_HOME变量, 变量值填写本地jdk的安装目录

image.png

二、创建cordova打包项目

  1. 初始化项目: cordova create hello com.example.hello HelloWorld

image.png

生成文件目录结构:

image.png

目录文件说明:

conig.xml :cordova的配置文件

hooks/ :存放自定义cordova命令的脚本文件。

platforms/ :各个平台原生工程代码,会在build时被覆盖请勿修改

plugins/ :插件目录(主要是提供各个平台的原生API)

www/ :用H5编写的源代码目录,build时会被放入各个平台的assets\www目录。

www/index.html :App入口html文件

2. 进入项目文件夹内 添加一个android平台

输入指令:cordova platform add android

image.png

在目录platforms 下面生成 android 文件夹

image.png

PS: 通过cordova platform rm android的命令删除平台, PS: 通过cordova plugin add cordova-plugin-device类似的命令安装额外的插件

  1. 通过cordova platforms ls查看已安装的平台, 检查当前设置状况

image.png

  1. 检查打包条件 指令:cordova requirements 看下自己的环境还有什么需要安装的

(注意:如果已经安装还是显示没有安装,看下是否配置了环境变量)

image.png

  1. 开始打包app 指令:cordova build android

image.png

测试使用的是 android 7.1.4 一直安装不成功,显示需要翻墙url(可以翻墙的同事可以试试使用当前版本安装) 亲测: 使用android 6.2.3版本可以不用翻墙,也可打包成功

image.png

image.png

image.png

打包成功提示:

image.png

image.png