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的更多相关文章

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

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

  2. 使用cordova + vue搭建混合app框架

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/zxj0904010228/article ...

  3. Mac下利用Cordova打包 iOS App以及出现的问题

    安装 cordova sudo npm install cordova 创建项目 创建一个demo文件夹,里面自动加载基本的文件以及目录 cordova create demo com.test.de ...

  4. cordova 使用H5混合开发APP

    cordova 中文官网 http://cordova.axuer.com/docs/zh-cn/latest/

  5. cordova封装h5为app,cookie不可用解决方法

    //创建cookie function setCookie(c_name,value,expiredays) { var exdate=new Date(); exdate.setDate(exdat ...

  6. 移动web、webApp、混合APP、原生APP、androd H5混合开发 当无网络下,android怎么加载H5界面

    PhoneGap是一个采用HTML,CSS和JavaScript的技术,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够在网页中调用IOS,Android,Palm,Symbian,WP7,W ...

  7. hybrid App cordova打包webapp PhoneGap

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

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

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

  9. 使用cordova把h5应用打包成apk

    由于h5应用开发不是本例重点,因此直接提供一个最简单的h5应用代码,此应用使用vue-cli框架开发 此h5应用叫vue1,用webstrom打开vue1,进行npm install安装引用 vue1 ...

随机推荐

  1. Django获取数据库数据时根据id筛选

    filter(id__in=models.Teacher.objects.all()[0:5]) teacher_list = models.Teacher.objects.filter(id__in ...

  2. shiro的rememberMe不生效

    问题描述:已经设置了map.put("/**", "user"),但是查看网页Cookie没有值. 问题查思路: 1.确定使用UserFilter过滤器,因为只 ...

  3. 安装bazel(syntaxnet依赖工具)

    1.简介   Bazel是一个类似于Make的工具,是Google为其内部软件开发的特点量身定制的工具,如今Google使用它来构建内部大多数的软件.它的功能有诸多亮点: 多语言支持:目前Bazel默 ...

  4. JavaScript:event loop详解

    之前已经有两篇随笔提到了event loop,一篇是事件机制,一篇是tasks和microtasks,但是里面的event loop都是文字描述,很难说细,逻辑也只是简单的提了一遍.其实之前也是通过阮 ...

  5. bgfx入门练习1——切换图形API驱动模式DX与OpenGL

    翻了下上次编译bgfx是去年2月份的事了,最近正好想试试DX,OpenGL双驱动,看Urho3D和Klayge光封装就头痛,人又懒,写OpenGL时也基本glfw,于是想到bgfx,不如再试试. 发现 ...

  6. 1.1初识python

    1.目前大量的公司都在使用python,功能强大很是牛逼! 2.运维要懂开发,做个全栈的工程师贼牛逼 3.python是一个解释型语言,编译型和解释型的区别是: ①编译型语言由编译器(Compiler ...

  7. Forward团队-爬虫豆瓣top250项目-模块测试

    项目托管平台地址:https://github.com/xyhcq/top250 模块测试:爬虫对信息的处理部分 测试方法: 实际运行一下代码: 可以看见,信息都已经爬取出来了 其他补充说明: 原本系 ...

  8. jsp页面有一个注册form表单,传值的时候后台接收到的全部是null

    [页面上的传值元素一定要有name属性才可在后台接受到参数的值.切记!] 此处一定要注意,form表单里面的元素,比如input元素是否和后台的requset.getparameter();中的参数名 ...

  9. Linux 线程编程1.0

    在编译多线程程序的时候,需要连接libpthread文件: gcc pthread.c  -o  pthread  -lpthread: 所有线程一律平等,没有父子关系,线程属于进程. 创建线程用 p ...

  10. Vuejs——(8)Vuejs组件的定义

    版权声明:出处http://blog.csdn.net/qq20004604   目录(?)[+]   本篇资料来于官方文档: http://cn.vuejs.org/guide/components ...