您的位置:首页 > Web前端 > HTML

将html文件打包成apk

2016-07-01 00:04 399 查看

两种方法:phonegap

                  cordova

                  区别

cordova.参考教程

下面详细介绍下phone gap

PhoneGap是一能够让你用普通的web技术编写出能够轻松调用API接口和进入应用商店的HTML5应用开发平台。PhoneGap就是一种中间件技术,可以通过搭建一个webview来执行网页程序,并且可以提供调用底层API的接口。#PhoneGap安装与配置#安装与配置使用NodeJS来管理开发。从下面的网址下载NodeJS。http://nodejs.org/如图,NodeJS会判断操作系统,不同系统INSTALL按钮指向的链接也不同。从windows开始菜单选择“Node.js command prompt”应用,并执行。会打开一个命令行工具,这将自动设置npm管理器环境。
键入  npm install phone gap
回车执行后会自动下载最新版本的PhoneGap,过段时间即可安装完成。安装完成后,可在下面的位置看到phonegap文件夹,说明下载安装完成。
C:\Users\用户名\AppData\Roaming\npm\node_modules\
##建立PhoneGap for Android开发和测试环境要为Android开发原生应用程序,以前一般会使用Eclipce这个IDE,并且在上面安装专门用于android开发的插件:ADT。同时进行android应用程序开发需要Android SDK 支持。adt,sdk可以在下面的网站下载(需要翻墙)##android studio更强大,更方便,省去了adt 这一步
http://developer.android.com/sdk
###安装ANT和配置环境PhoneGap需要Apache Ant来编译工程,因此需要装Apache Ant,可以从下面的网址下载:
http://ant.apache.org/bindownload.cgi
下载的ANT仅仅是个压缩包,只需解压到一个目录就行。我将之解压到(D:\Application\Android\ant)目录下,然后还要配置环境变量
ANT_HOME
指向这个文件位置。cordova下载ant同样为了在命令行中方便使用ant命令,我们可以将ant的bin路径添加到PATH变量中。
;%ANT_HOME%\bin
这里的
%ANT_HOME%
实际上是使用前面定义的
ANT_HOME
环境变量。###配置Android环境此外,还要配置Android环境变量。添加
ANDROID_HOME
环境变量,指向SDK目录(D:\Application\Android\sdk),然后添加到PATH中。
;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
##创建PhoneGap工程下面我们使用PhoneGap来创建一个工程。使用管理员身份打开一个命令行窗口(cmd),使用
cd
命令进入一个目录,将会在该目录创建工程。使用PhoneGap create命令创建工程,命令如下:
phonegap create <工程路径> <包名> <工程名>
例如:
phonegap create helloapp  "HelloWorld"
执行后在目录下找到PhoneGap工程,如图:###为PhoneGap工程添加Android平台PhoneGap工程创建完成后还不知道要在哪种平台上开发和部署程序,可选的平台有很多,如Android,IOS,WP8,blackberry10等等。如果你要添加哪个平台,就必须事先添加这个平台的SDK。现在创建Android平台。首先cd进入PhoneGap工程目录
cd kypapp(目录名)
然后调用下面命令添加Android平台。
phonegap build android
并且在F:\kypapp\platforms目录下,将可以看到配置好的Android文件夹。##使用ADT进行PhoneGap开发
启动Eclipse。(后面讲android studio)
初次启动需要指定Android SDK的目录。单机“Browser…”按钮导航到D:\Application\Android\sdk目录。点击OK后就可以进入开发环境了。步骤1 在主菜单上选择“File > New > Project”菜单栏,打开就能看到Android相关工程 步骤2 选择“Android Project from Existing Code”目录,点击Next 步骤3 点击“Browser…”按钮,导航到F:\kypapp\platforms\android目录(刚刚用PhoneGap添加的Android平台目录),将会在下面创建两个工程。 步骤4 右击HelloWorld主目录,选择“Properties > Resource Filters”,删除“Exclude all:”下面的两条信息(选中,点击右侧Remove),然后点击OK。 会发现assets底下多了个www文件夹啦。然后res下面的www文件夹可以删掉了。还有就是html文档放这里: 删除或注释掉下面一行代码:
loadUrl(launchUrl);
替换为下面这行代码:
super.loadUrl("file:///android_asset/www/index.html");
##用android studio 操作差不多,初次启动时会让下载idk,好像是的,装很久了,记得不是很清楚
(完成cordova,node.js安装前提下)
installgrade#module 是这样的

html文件位置如图

##配置版本信息打开gen根目录

配置相关信息,主要是project

上述操作完成后,在Terminal栏中键入

cordova build android

一系列编译后

键入cordova build android-- --ant--release

完成

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: