1、安装nodejs

2、安装 cordova

npm install -g cordova

3、Cordova 打包成安卓APK需要用到ANT打包工具,首先配置好java环境:

下载安装Java JDK,在弹出的界面中建议使用默认值,所以一直点击“next>”,直到完成。

在系统变量中添加 JAVA_HOME

C:\Program Files\Java\jdk1.8.0_31

在Path中添加

%JAVA_HOME%\bin;

在命令行输入“Javac”,测试是否安装成功。

4、到ANT官方网站http://ant.apache.org/下载最新版本,解压至电脑。

在系统变量中添加 ANT_HOME

D:\WorkTools\apache-ant-1.9.

在Path中添加

%ANT_HOME%\bin\

查看是否安装成功:在dos窗口中输入命令ant

5、下载Android SDK,下载地址:http://developer.android.com

在系统变量中添加 ANDROID_HOME

D:\Program Files\adt-bundle-windows\sdk

在Path中添加

%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

Android SDK下载完毕后需要下载组件,否则打包时报错:[ Error: Please install Android target: "android-26"]

(现版本需要下载 Android SDK Build-tools 26.0.3 和 API 26,如果缺少对应组件在打包时会有提示)

6、使用 Cordova 打包 app

创建项目(创建的时候文件夹必须存在):

$cordova create [directory] [app-id] [app-name]

将web页面文件拷贝至项目的www目录下,cd进入项目文件夹,添加设备:

    $ cordova platform add ios
    $ cordova platform add amazon-fireos
    $ cordova platform add android
    $ cordova platform add blackberry10
    $ cordova platform add firefoxos

查看设备列表

$ cordova platforms ls

删除一个设备

$ cordova platform remove blackberry10
$ cordova platform rm amazon-fireos
$ cordova platform rm android

打包所有设备app

$ cordova build

或者只打包一个设备

$ cordova build android

测试app(在虚拟机或者连接的安卓设备上)

$ cordova emulate android

打包并在虚拟机或者安卓设备上测试app

$ cordova run android

Cordova插件安装

$cordova plugin add [plugin-id]
$ cordova plugin add https://github.com/apache/cordova-plugin-console.git

例如:安装一个二维码扫描插件

$cordova plugin add com.blackberry.community.barcodescanner

查看插件列表

$ cordova plugin ls

删除一个插件

$ cordova plugin rm org.apache.cordova.console
$ cordova plugin remove org.apache.cordova.console # same

附:

cordova 文档地址:http://cordova.apache.org/docs/en/4.0.0/

cordova 插件地址:http://plugins.cordova.io

使用 Cordova 打包 app的更多相关文章

  1. Cordova开发App入门之创建android项目

    Apache Cordova是一个开源的移动开发框架.允许使用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发. 应用在每个平台的具体执行被封装了起来,并依靠符合标准的API绑 ...

  2. [Android教程] Cordova开发App入门(一)创建android项目

    前言 Apache Cordova是一个开源的移动开发框架.允许使用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发. 应用在每个平台的具体执行被封装了起来,并依靠符合标准的A ...

  3. Cordova 打包 Android release app 过程详解

    Cordova 打包 Android release app 过程详解 时间 -- :: SegmentFault 原文 https://segmentfault.com/a/119000000517 ...

  4. hybrid App cordova打包webapp PhoneGap

    Hybrid APP基础篇(一)->什么是Hybrid App APP三种开发模式--之--HybridApp解决方案 Hybrid App开发 四大主流平台分析 Hybrid App 开发模式 ...

  5. cordova打包vue2(webpack)android、ios app

    使用cordova打包vue2(webpack)app for android ios1.vue项目通过vue-cli脚手架建立项目,使用webpack进行打包,下边是一整套命令. #npm 版本最好 ...

  6. cordova打包webapp

    cordova打包webapp 在项目开发中,需要将h5页面打包成app,这个时候我们可以使用cordova来打包.在官方文档中,我们可以了解到创建一个app十分简单,你的电脑上有nodejs就行,我 ...

  7. 教你用Cordova打包Vue项目

    现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app. 据我现在的了解打包Vue项目目前流行的就是使用weex和cordova.weex是 ...

  8. [Android教程] Cordova开发App入门(二)使用热更新插件

    前言 不知各位遇没遇到过,刚刚发布的应用,突然发现了一个隐藏极深的“碧油鸡(BUG)”,肿么办!肿么办!肿么办!如果被老板发现,一定会让程序员哥哥去“吃鸡”.但是想要修复这个“碧油鸡”,就必须要重新打 ...

  9. cordova 更改app的图标

    写在前面:cordova 使一个前端开发者成为一个“假”的android开发人员,不得不说提供给我们巨大的方便~,cordova打包生成的apk的默认样式和启动的名字真的是需要我们字更改的:本文将记录 ...

随机推荐

  1. network adapter

    1 network adapter 网络适配器,也叫网卡,是一个硬件. 2 关于以太网卡 以太网卡分为光纤以太网卡和电口以太网卡. 3 常用的以太网卡 3.1 AMD PCNet PCI II (Am ...

  2. Scikit-learn库中的数据预处理:独热编码(二)

    在上一篇博客中介绍了数值型数据的预处理但是真实世界的数据集通常都含有分类型变量(categorical value)的特征.当我们讨论分类型数据时,我们不区分其取值是否有序.比如T恤尺寸是有序的,因为 ...

  3. Poj2054 color a tree && [HNOI/AHOI2018]排列

    https://zybuluo.com/ysner/note/1120723 题面 原题 某省选强化题 大致意思是给你一颗树,选父亲后才能选儿子. 每个点对答案的贡献为你在第几次选这个点 × 该点权值 ...

  4. unsigned 赋值负数输出情况 & printf输出格式

    %d 有符号10进制整数 %ld 长整型 %hd短整型 %i 有符号10进制整数 %o 无符号8进制整数 %u 无符号10进制整数 %x 无符号的16进制数字,并以小写abcdef表示 %X 无符号的 ...

  5. Hyper-v 3.0 安装centos6.3

    Hyper-v 3.0 安装centos6.3 我们说到hyper-v3.0就想到了windows8.windows2012:我们也知道在windows8.windows2012上安装centos系统 ...

  6. PCB NOSQL MongoDb MI流程指示数据存储结构

    一.MI流程指示结构 二.产品型号树结构(即盲埋孔板型号结构) 三.MI流程指示UI 小结:1.MI流程指示使用的表非常之多(30多张表),存储的数据分散到各个表中,而NOSQL 一个产品型号一条记录 ...

  7. [Swift通天遁地]六、智能布局-(1)给视图添加尺寸和中心点的约束

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

  8. 面试题:InnoDB中一棵B+树能存多少行数据?

    阅读本文大概需要 5 分钟. 作者:李平 | 来源:个人博客 一.InnoDB 一棵 B+ 树可以存放多少行数据? InnoDB 一棵 B+ 树可以存放多少行数据? 这个问题的简单回答是:约 2 千万 ...

  9. sql 全站搜索

    SQL全站搜索 create proc Full_Search(@string varchar(50)) as begin declare @tbname varchar(50) declare tb ...

  10. 【BZOJ2762】[JLOI2011]不等式组(树状数组)

    题目: BZOJ2762 分析: 加入的不等式分三种情况 当\(a>0\),可以变成\(x>\lfloor \frac{c-b}{a}\rfloor\) 当\(a=0\),若\(b> ...