使用 Cordova 打包 app
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的更多相关文章
- Cordova开发App入门之创建android项目
Apache Cordova是一个开源的移动开发框架.允许使用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发. 应用在每个平台的具体执行被封装了起来,并依靠符合标准的API绑 ...
- [Android教程] Cordova开发App入门(一)创建android项目
前言 Apache Cordova是一个开源的移动开发框架.允许使用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发. 应用在每个平台的具体执行被封装了起来,并依靠符合标准的A ...
- Cordova 打包 Android release app 过程详解
Cordova 打包 Android release app 过程详解 时间 -- :: SegmentFault 原文 https://segmentfault.com/a/119000000517 ...
- hybrid App cordova打包webapp PhoneGap
Hybrid APP基础篇(一)->什么是Hybrid App APP三种开发模式--之--HybridApp解决方案 Hybrid App开发 四大主流平台分析 Hybrid App 开发模式 ...
- cordova打包vue2(webpack)android、ios app
使用cordova打包vue2(webpack)app for android ios1.vue项目通过vue-cli脚手架建立项目,使用webpack进行打包,下边是一整套命令. #npm 版本最好 ...
- cordova打包webapp
cordova打包webapp 在项目开发中,需要将h5页面打包成app,这个时候我们可以使用cordova来打包.在官方文档中,我们可以了解到创建一个app十分简单,你的电脑上有nodejs就行,我 ...
- 教你用Cordova打包Vue项目
现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app. 据我现在的了解打包Vue项目目前流行的就是使用weex和cordova.weex是 ...
- [Android教程] Cordova开发App入门(二)使用热更新插件
前言 不知各位遇没遇到过,刚刚发布的应用,突然发现了一个隐藏极深的“碧油鸡(BUG)”,肿么办!肿么办!肿么办!如果被老板发现,一定会让程序员哥哥去“吃鸡”.但是想要修复这个“碧油鸡”,就必须要重新打 ...
- cordova 更改app的图标
写在前面:cordova 使一个前端开发者成为一个“假”的android开发人员,不得不说提供给我们巨大的方便~,cordova打包生成的apk的默认样式和启动的名字真的是需要我们字更改的:本文将记录 ...
随机推荐
- Robot Framework 使用技巧 快捷键
ctrl+alt+space 自动带出相关关键字,以及相关用法,里边有对应参数的说明. Ctrl+鼠标悬浮 直接显示关键字的相关用法 F5 关键字说明 (方法名函数名) ...
- Scikit-learn库中的数据预处理:独热编码(二)
在上一篇博客中介绍了数值型数据的预处理但是真实世界的数据集通常都含有分类型变量(categorical value)的特征.当我们讨论分类型数据时,我们不区分其取值是否有序.比如T恤尺寸是有序的,因为 ...
- [模板]平衡树splay
气死我了,调了一个下午+两节课,各种大大小小的错误,各种调QAQ,最后总之是调出来了. 其实就是一个双旋操作,然后其他就是左儿子<当前节点<右儿子,剩下就是细节了. 题干: 题目描述 您需 ...
- 过河 2005年NOIP全国联赛提高组(离散化+dp)
1105 过河 2005年NOIP全国联赛提高组 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 钻石 Diamond 题目描述 Description 在河上有一 ...
- codevs3370 选学霸(背包dp,并查集)
3372 选学霸 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 大师 Master 题目描述 Description 老师想从N名学生中选M人当学霸,但有K对人实力相 ...
- Maven密码加密
第1步执行shell: mvn --encrypt-master-password "SomeMadeUpMasterPassword" {nDpn1bE1vX4HABCDEFG ...
- phpstorm如何在同一个文件夹打开多个目录
phpstorm默认一个窗口只显示一个项目,如果新建一个项目,他会给你个选项卡,问你是在新窗口打开新项目还是在本窗口打开. 能不能在一个窗口打开多个项目呢?就像sublime text那样,其实是可以 ...
- SQL基本操作——事务
事务是并发和恢复控制的基本单元. 事务四个属性:原子性.一致性.隔离性.持久性. 原子性:一个事务是一个不可分割的单位,事务中包括的诸多操作要么成功要么都失败. 一致性:事务必须使数据库从一个一致性状 ...
- ProE常用曲线方程:Python Matplotlib 版本代码(蝴蝶曲线)
花纹的生成可以使用贴图的方式,同样也可以使用方程,本文列出了几种常用曲线的方程式,以取代贴图方式完成特定花纹的生成. 注意极坐标的使用................. 前面部分基础资料,参考:Pyt ...
- Matrix computations in C
meschach配置使用 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !im ...