利用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
利用cordova打包H5混合app的更多相关文章
- Cordova 打包 Android release app 过程详解
Cordova 打包 Android release app 过程详解 时间 -- :: SegmentFault 原文 https://segmentfault.com/a/119000000517 ...
- 使用cordova + vue搭建混合app框架
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/zxj0904010228/article ...
- Mac下利用Cordova打包 iOS App以及出现的问题
安装 cordova sudo npm install cordova 创建项目 创建一个demo文件夹,里面自动加载基本的文件以及目录 cordova create demo com.test.de ...
- cordova 使用H5混合开发APP
cordova 中文官网 http://cordova.axuer.com/docs/zh-cn/latest/
- cordova封装h5为app,cookie不可用解决方法
//创建cookie function setCookie(c_name,value,expiredays) { var exdate=new Date(); exdate.setDate(exdat ...
- 移动web、webApp、混合APP、原生APP、androd H5混合开发 当无网络下,android怎么加载H5界面
PhoneGap是一个采用HTML,CSS和JavaScript的技术,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够在网页中调用IOS,Android,Palm,Symbian,WP7,W ...
- 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把h5应用打包成apk
由于h5应用开发不是本例重点,因此直接提供一个最简单的h5应用代码,此应用使用vue-cli框架开发 此h5应用叫vue1,用webstrom打开vue1,进行npm install安装引用 vue1 ...
随机推荐
- 锻造(forging)
--九校联考24OI__D1T1 题目背景 勇者虽然武力值很高,但在经历了多次战斗后,发现怪物越来越难打,于是开始思考是不是自己平时锻炼没到位,于是苦练一个月后发现--自己连一个史莱姆都打不过了. 勇 ...
- 全渠道java b2b b2c o2o平台
大型企业分布式互联网电子商务平台,推出PC+微信+APP+云服务的云商平台系统,其中包括B2B.B2C.C2C.O2O.新零售.直播电商等子平台. 根据微服务化设计思想,结合spring cloud一 ...
- [JAVA]JAVA章4 Thread Dump如何分析
一.Thread Dump介绍 1.1什么是Thread Dump? Thread Dump是非常有用的诊断Java应用问题的工具.每一个Java虚拟机都有及时生成所有线程在某一点状态的thread- ...
- Delphi过程和函数中变量的作用域
变量的作用域是指变量能被某一子程序识别的范围. 全局变量和局部变量.全局变量是指在程序的type区定义的变量,而局部变量是在过程或函数的定义部分声明的变量.全局变量在整个程序中都有意义,局部变量只在它 ...
- 小白的CTF学习之路1——程序与CPU
刚刚注册了这个博客园,尽量保持每日一更(*/ω\*) 今天看了po学院的教学视频,了解了程序是什么,如何在CPU当中工作的等各种之前未曾想过的问题,特此记录,以防忘记 首先我们学习程序与CPU之前需要 ...
- Linux学习--- C语言关键字、数据类型
关键字: sizeof为关键字,并不是函数. 作用:编译器给我们查看内存空间容量的一个工具. eg:int a: printf("the size is %d\n",sizeof ...
- java易错题
(选择二项) 8 A: B: C: D: (选择一项) 9 A: B: C: D: 正确答案是 A 您回答的是 B 回答错误 正确答案是 B,D 您回答的是 A,C 回答错误 (选择一项) 18 A: ...
- Jetbrain Pycharm Theme
https://github.com/ChrisRM/material-theme-jetbrains
- Build.gradle的详细配置说明
转自:http://blog.csdn.net/u012246458/article/details/51722624 apply plugin: 'com.android.application'/ ...
- Android-Java-饿汉式单例模式(内存图)
描述Single对象: package android.java.oop14; public class Single { // 默认构造方法 私有化 不让外界调用 private Single() ...