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

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

一方面，用户在使用习惯上，不喜欢在浏览器上输入复杂的网址；另一方面，Html5 Web App 存放在服务器端，在每次使用时需要进行数据传递，会造成流量浪费。有些开发者不想接触复杂的JAVA代码，下面方法：
一、Android SDK中的WebView
1/apk/res/android”
package=”com/start#android
优点：在Eclipse中加入SDK，编程自由，完美适应不同设备屏幕大小，适合高手使用。
缺点：没有使用布局，直接加载网页，不能添加广告。
三、使用Rexsee在线生成
Rexsee是开源的Android开发平台，支持开发者以标准化Web开发模式，使用HTML5、CSS3、Javascript快速实现移动应用。会 HTML就会Android。你要做的只是将做好的HTML5 应用上传到Rexsee服务器，很快，会编译成标准的APK安装文件。
网站：
优点：一键生成，适学普通人使用
缺点：直接封装，无法添加广告。

问题分析： html5网站主要由html+css+js的形式组成，需要使用浏览器进行展现。 Android需要使用Java语言来开发，对于前端工程师来说，无疑是增加了很大的难度。 随后出现了很多打包工具，来协助我们将网页元素打包成手机app，将我们编写的html转化为Java语言。 解决方案： 推荐一款我们常用的打包工具：HBuilder。 该工具不仅提供了Android应用打包，还可以直接连接手机进行调试，配合HTML5+可以实现很多Android原生的功能。比如：扫码二维码，拍照，摇一摇等等。 具体操作步骤： 1、真机调试 进入软件后，第一步点击“运行”，第二步点击“手机运行”，第三步选择已连接的手机，示例中我使用的是安卓模拟机进行连接的。市面上常用的几款安卓模拟机器都可以直接连接上。 按如上几个步骤操作后，会自动执行打包并将应用安装在链接的手机（模拟器）中，可以操作手机（模拟机）进行测试。 2、打包生成Android的安装格式apk文件 ① 打开软件，选择发行->发行为原生安装包，随即打开下图窗口。 ② 勾选Android复选框，如果使用Dcloud公用证书的话，可以直接进行打包，手机可以安装使用。如果需要上传发行到第三方应用平台的话，需要使用自有证书，自用证书可以使用JRE自带的创建和管理数字证书的工具Keytool来生成自有证书，生成过程是免费的。 勾选Android选项后，在下方表单中填写Android包名，为保证唯一性，可以使用自有网站域名的反写方式加上应用名称。如果使用自有证书的话，还需要填写证书别名，密钥密码，证书文件。 填写完毕后，点击打包，即可生成apk文件。 其他注意事项： 1、在开发过程中，不需要进行打包，应更多的使用真机调试，可以节约很多时间。 2、开发完毕后，尽可能在各种版本的android机器上做一下测试，因为一些网页的样式在不同的android版本中呈现的效果略有不同。 3、重新编辑一下html5网站代码，将一些网页功能转换为手机功能，比如网页元素的<a>标签跳转，就应该使用Webview来完成。可以解决页面切换白屏的问题，还可以提高网站在手机中的运行效率。

2014年10月底，html5规范正式定稿 相信在不久的将来html5将会对互联网行业产生重要影响，尤其是移动互联网 本文介绍html5开发web app 基本步骤 工具/原料 myeclipse2014 android sdk eclipse java开发环境 方法/步骤 下载安装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

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息