如何将h5程序打包成android应用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何将h5程序打包成android应用相关的知识,希望对你有一定的参考价值。

下载安装MyEclipse2014,android SDK,eclipse(需配置Android开发环境)
Java和Android环境安装与配置,将另写经验分享,读者也可百度参考其他相关资料,自行安装
打开MyEclipse2014,新建一个html5 Mobile Application Project,命名,例如:hello

html5程序在工程www目录下编辑;
编辑好我们的html5程序,下面就要开始学习打包了

这里介绍两种打包方式:1、PhoneGap Build Service 打包
PhoneGap官网有相关教程可参考,不具体介绍
2、android SDK +eclispe 打包

android SDK +eclispe 打包(前提已配置好,android开发环境):
Step1、启动eclipse,新建Android Application Project,即Android工程,命名,例如:hello

Step2、将前面Myeclipse2014中编辑好的HTML5程序(www整个目录)拷至刚刚在eclipse新建hello工程对应assets目录下面

Step3、下面要做的就是如何将我们的HTML5程序在Android应用中启动,这里我们要使用Android系统自带的WebView控件(具体信息参考Adroid开发文档)---在工程下找到res->layout->activity_main.xml并打开,向里面插入WebView控件,编辑好自己想要的样式

Step4、在主程序入口,用刚刚编辑好的WebView控件将HTML5程序引入,此时,主体功能已实现,编译工程即可得到apk
参考技术A Dreamweaver
cs6是世界顶级软件厂商adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时
视图等多种方式来创作、编写和修改网页(通常是标准通用标记语言下的一个应用HTML),对于初级人员,你可以无需编写任何代码就能快速创建web页面。
在拥有 Dreamweaver账号( Adobe ID)的情况,使用PhoneGap Build进行打包服务。

在百度搜索引擎中搜索"Appcan",如下图所示。

访问Appcan官方网站,如下图所示。

使用AppCan在线打包或是在AppCan IDE里进行打包

使用Eclipse for Android 和PhoneGap,在原生开发环境里进行打包。

使用Android Studio和PhoneGap,在原生开发环境里进行打包。
http://jingyan.baidu.com/article/e3c78d64483ef13c4c85f5e9.html

以上是关于如何将h5程序打包成android应用的主要内容,如果未能解决你的问题,请参考以下文章

基于HBuilder将H5站点打包成app

android 打包H5(亲测有效-AgentWeb)

Vue3.0入门 + Vant3.0移动端实践使用Cordova打包Android App

如何将html5程序打包成Android应用

如何将html5程序打包成Android应用

如何将我的 Android 应用程序打包成 .apk?