下载安装MyEclipse2014,Android SDK,eclipse（需配置Android开发环境）
Java和Android环境安装与配置，将另写经验分享，读者也可百度参考其他相关资料，自行安装
打开MyEclipse2014，新建一个HTML5 Mobile Application Project，命名，例如：hello
如何将html5程序打包成Android应用
html5程序在工程目录下编辑；
编辑好我们的html5程序，下面就要开始学习打包了
如何将html5程序打包成Android应用
这里介绍两种打包方式：1、PhoneGap Build Service 打包
PhoneGap官网有相关教程可参考，不具体介绍
2、android SDK +eclispe 打包
如何将html5程序打包成Android应用
android SDK +eclispe 打包（前提已配置好，android开发环境）：
Step1、启动eclipse，新建Android Application Project，即Android工程，命名，例如：hello
如何将html5程序打包成Android应用
Step2、将前面Myeclipse2014中编辑好的轿唤HTML5程序（整个目录）拷至盯帆丛刚刚在eclipse新建hello工程对应assets目录下面
如何将html5程序打包成Android应用
Step3、下面要做的就是如何将我们的HTML5程序在Android应用中启动，这里我们要使用Android系统自带的WebView控件（具体信息参考Adroid开发文档）---在工程下找到res->layout->activity_main.xml并打开，向里面插入WebView控件，编辑好自己想要的样式
如何将html5程序打包成Android应用
Step4、在主程序入口，用刚刚编辑好的WebView控件将HTML5程序引入，此时，主体功能已实现，编译工程即可得到apk
如何将html5程序打包成Android应用
2. HTML5如何让封装成安卓.apk文件
一、Android SDK中的WebView
1.在要Activity中凯樱实例化WebView组件：WebView webView = new WebView(this)
2.调用WebView的loadUrl（)方法，设置WevView要显示的网页：
互联网用：webView.loadUrl("")； 本地文件存放在：assets 文件中
3.调用Activity的setContentView（ )方法来显示网页视图
4.用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown（)方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish（)而结束自身，而不是回退到上一页面
5.需要在AndroidManifest.xml文件中添加权限，否则会出现Web page not available错误。
二、使用PhoneGap
PhoneGap是一个用基于HTML,CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用 iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位，加速，联系 人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。PhoneGap是免费的，但是它需要特定平台提供的附加软件，例如 iPhone的iPhone SDK,Android的Android SDK等，
详细方法请见：文件打包成apk
1在要Activity中实例化WebView组件：WebView webView = new WebView(this)
2.调用WebView的loadUrl（)方法，设置WevView要显示的网页：
互联网用：webView.loadUrl
本地文件用：webView.loadUrl本地文件存放在：assets 文件中
3.调用Activity的setContentView（ )方法来显示网页视图
4.用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown（)方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish（)而结束自身，而不是回退到上一页面
5.需要在AndroidManifest.xml文件中添加权限，否则会出现Web page not available错误。
1.框架：PhoneGap官网：简介：PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速，联系人，声音和振动等，此外PhoneGap拥携芦好有丰富的插件，可以调用。优点：1.可跨平台。phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成辩铅。成为连接移动终端的适配器，或者说中间件。2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、哗备文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。3.可利用成熟javascript框架。如：Extjs、jQuery。缺点：1.性能差。运行速度慢，UI反应延时——这是个致命伤。(高端机影响不大)2.不能完全跨平台。不同平台代码需要微调。3.内存消耗大。4.调试难度大。
2.框架：Ionic官网：简介：Ionic是一个强大的HTML5应用程序开发框架，号称AdvancedHTML5HybridMobileAppFramework是AngularJS移动端解决方案可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。Ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的HTML5移动应用程序开发。Ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题。优点：1.追求性能运行速度快2.轻量级框架3.基于Angularjs，支持Angularjs的特性，MVC，代码易维护4.通过SASS构建应用程序。它提供了很多UI组件来帮助开发者开发强大的应用。5.接近原生。6.强大的命令行工具3.可利用成熟javascript框架。如：Extjs、jQuery。缺点：1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用2.需要结合插件使用。
希望对你有用，当然也可以关注Donutsapps了解更多
常用的移动APP开发框架:
框架：PhoneGap
PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。
优点：
可跨平台笑枯。phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成。
提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知。
可利用成熟javascript框架。如：Ext js、jQuery。
缺点：
性能差。运行速度慢，UI反应延时。
不能完全跨平台。不同平台代码需要微调。
内存消耗，调试难度大。
框架：Ionic
Ionic 是一个强大的 HTML5 应用程序开发框架， Ionic 主要关注外观和体验，以及应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库，具有速度快，界面现代化、美观等特点。
优点：
轻量级框架，运行速度快。
于 Angularjs，支持 Angularjs的特性， MVC ，代码易维护。
通过 SASS 构建应用程序，接近原乱升竖生。
缺点：
Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用。
需要结合插件使用。
框架：Hbuilder（国产）
HBuilder是DCloud（数字天堂）推出一款支持HTML5的Web开发IDE。“快，是HBuilder的最大优势。
优点：
跨平台：同时支持iOS、Android、Symbian、Windows Phone。
开发工具：基于Eclipse的开发工具，集成UI控件与应用管理。
本地打包：无需配置环境，无需编译，本地一键打包。
代码加密：基于密钥的加密方式，无法破解，像混编一样保护html代码。
技术支持：技术支持及时响应，重视开发者建议和反馈。
缺点：
AppCan免费版因需要把源代码上传到厂商的服务器上打包，对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决，但企业版稳定尚待观察。
AppCan采用封装的组件，依赖性比较高。不是开源代码。
ppCan 不能很好的解决原生代码的功能。
Wex5(国产)
WeX5应用快速开发框架（含完整的SDK API及全部源码），一次开发、跨端运行。
优点：
高效精致的UI组件体系，基于jquery和bootstrap技术，采用增强的RequireJS模块化技术。
基于phonegap(cordova)框架，如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。
可视化拖拽式集成开发环境IDE，全能力的调试支持和智能代码提示。
缺点：
使用范围有限：适用：一般app、电商app、客服app、会员app、微哗大店微商等。
用户量小，存在不稳定因素。
总结：
跨平台方面：大部分框架针对android和ios平台，需要做或多或少的代码调整，不能达到完全跨平台。
性能方面：根据不完全统计，Ionic的性能会更好一点。
PhoneGap出现最早，国内框架都是基于Phonegap开发出来的。
注意：
各框架在实现过程中都会遇到不同程度的坑，请根据框架的侧重点谨慎选择应用的框架。如果要基于Html5开发App，还需要进一步根据需求验证框架的可实施性、并进行不同框架的效果对比。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）