说明：

最近在做H5的开发，虽然只是做页面，但也想学习一下整个流程的开发，也想自己弄个APP玩儿一下然后就搜罗了一下文档。

APP的开发模式：

1、原生APP 2、网页APP（webapp） 3、H5 app（混合APP）

前两者就不多说了，我们要弄的就是H5，以前我一直以为H5开发就是HTML5开发，其实不然，这里引用阮一峰老师的文章：

“H5 这个词，可以理解成就是混合 App 模型，只不过它特指混合 App 的前端部分。 因为混合 App 的前端就是 HTML5 网页，所以简称 H5。这个词是国内独有的，基本上都是前端程序员在用，国外不用这个词，就直接叫混合 App。

真正理解 H5 开发，需要先搞清楚什么是原生 App、什么是 Web App，因为混合 App 是在它们的基础上诞生的。”

具体可以查看阮一峰老师的文章：H5 手机 App 开发入门：概念篇

原理：

可以这么说，将webAPP包在原生APP内，我们先在网页上开发移动端APP，然后使用打包工具打包为移动端APP（其实就是使用APP的壳子内部的浏览器，调用网页和手机API）
然后H5在我看来又分为两个开发方式：

1、内置：将所有JS/CSS/图片等静态资源全部放在包内调用，除了动态元素，全走本地静态
2、引用：只打包一个门户地址（例如百度，相当于就是一个浏览器只不过里面只能访问我们封装的地址罢了）

开发工具：

webstorm，Android studio

环境配置（准备工作网上随便查一大堆）：

JDK1.8 Android sdk gradle node.js

JDK Android sdk gradle 环境配置网上一找一大堆，也都需要配置环境变量

需要注意的是安装Android sdk的时候，需要accepted license
打开CMD窗口移动到SDK/tools/bin/目录下
运行sdkmanager.bat --licenses
然后会出现 y/n?的提示，一路y下去就行了
完成后在SDK目录下会生成一个licenses的目录

安装说明：

1、安装Cordova CLI

npm install -g cordova

完成之后

 cordova -v   查看版本

2、创建打包项目

 cordova create myApp org.apache.cordova.myApp myApp

格式 cordova create 项目名项目域名项目名

3、设置打包平台

切换到创建的项目目录安装平台版本这里我们使用安卓（买不起IOS）

cordova platform add android --save

检查设置平台情况

cordova platform ls

4、打包检查

cordova requirements

这里需要说明的是JAVA JDK Android SDK 和Gradle 是必须安装完成才行，Android target可以先不用管，target在第一次打包的时候会自动安装

5、执行打包

打包前可以先修改一下项目内的config.xml文件

<content src="https://zbox.ink/#/profile/dnf" />

或者

<content src="./index.html" />

这个标签可以是相对路径，也可以是网页路径这就是打包好后运行的首页

cordova build android

执行命令等待打包就行了，如果你已经安装了环境变量，还是提示环境变量找不到，可能需要重启电脑（我就是，找了半天没发现问题，重启大法）
然后在执行的时候我还报错，说是accepted license没有找到，这就是上面说的需要去执行以下accepted license

6、打包配置图标和启动图

可以参考 https://blog.csdn.net/qq_40014350/article/details/80326509

声明：以上内容若有错误，欢迎批评指正。若侵犯他人版权，请联系我。

H5开发，打包成APK相关推荐

使用cordova把h5应用打包成apk
由于h5应用开发不是本例重点,因此直接提供一个最简单的h5应用代码,此应用使用vue-cli框架开发此h5应用叫vue1,用webstrom打开vue1,进行npm install安装引用 vue1 ...
【cordova学习笔记01】h5打包成apk
1.用了三个星期学习了一下cordova,分别将html5打包成apk,加入cordova插件,创建cordova自定义插件,最后使用谷歌的开源代码写自定义插件,读取Android设备上的RS232串 ...
转：教大家如何用HBuilder将web项目打包成apk
链接:https://www.jianshu.com/p/d86bf569295d 将我们的web项目打包成一个apk文件并不难,首先准备好软件HBuilder还有你的项目,注意这里只献给那些不是真正 ...
html5游戏封装安卓,html5游戏移植到android并打包成apk，加广告《二》
html5游戏移植到android并打包成apk,加广告<二> 这篇则讲解开发集成,先看看工程目录结构 ? qqbrowser_sdk_v1.2.jar为X5内核sdk,下载注册开发者 B ...
Expo大作战(十八)--expo如何发布成独立应用程序，打包成apk或者ipa，发布到对应应用商店...
简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网我猜去全部机翻+个人 ...
将Eclipse Android项目打包成APK文件
将Eclipse Android项目打包成APK文件是本文要介绍的内容,主要是来了解并学习Eclipse Android打包的内容,具体关于Eclipse Android内容的详解来看本文 . Ec ...
android程序导入虚拟机,android项目打包成apk应用程序后部署到虚拟机上测试
一:打包成apk包这个比较简单,如下右键点击项目--> export --> android Project --> 选择密钥等信息 --> 填写密钥信息 --&g ...
APP代码打包成apk文件
序言该篇文章对于APP云打包功能进行讲解,欢迎大家指出问题和发表建议! 生成证书文件 APP开发完成之后,需要打包成apk文件安装到手机上. 生成证书文件之前需要 Android Studio文件( ...
java eclipse生成apk,将Eclipse Android项目打包成APK文件
将Eclipse Android项目打包成APK文件是本文要介绍的内容,主要是来了解并学习Eclipse Android打包的内容,具体关于Eclipse Android内容的详解来看本文. Ecli ...
初级——程序如何打包成apk文件
将 Eclipse Android 项目打包成APK文件是本文要介绍的内容,主要是来了解并学习 Eclipse Android 打包的内容,具体关于 Eclipse Android 内容的详解来看本文 ...

H5开发，打包成APK

说明：