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

本文介绍HTML5开发web APP 基本步骤

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

工具/原料

  • MyEclipse2014
  • Android SDK
  • eclipse
  • java开发环境

方法/步骤

  1. 下载安装MyEclipse2014,Android SDK,eclipse(需配置Android开发环境)

    Java和Android环境安装与配置,将另写经验分享,读者也可百度参考其他相关资料,自行安装

  2. 打开MyEclipse2014,新建一个HTML5 Mobile Application Project,命名,例如:hello

    如何手工将html5程序打包成Android应用
  3. html5程序在工程www目录下编辑;

    编辑好我们的html5程序,下面就要开始学习打包了

    如何手工将html5程序打包成Android应用
  4. 这里介绍两种打包方式:1、PhoneGap  Build Service 打包

    PhoneGap官网有相关教程可参考,不具体介绍

    2、android SDK +eclispe  打包

    如何手工将html5程序打包成Android应用
  5. android SDK +eclispe  打包(前提已配置好,android开发环境):

    Step1、启动eclipse,新建Android Application Project,即Android工程,命名,例如:hello

    如何手工将html5程序打包成Android应用
  6. Step2、将前面Myeclipse2014中编辑好的HTML5程序(www整个目录)拷至刚刚在eclipse新建hello工程对应assets目录下面

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

    如何手工将html5程序打包成Android应用
  8. Step4、在主程序入口,用刚刚编辑好的WebView控件将HTML5程序引入,此时,主体功能已实现,编译工程即可得到apk

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: