HTML5 APP开发环境的框架搭建心得

《HTML5 APP开发环境的框架搭建心得》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、HTML5APP开发环境的框架搭建心得前言HTML5开发APP需要一个开发框架和编译环境，参阅了相关资料后选择开源的PhoneGap。PhoneGap是一个开源的开发框架，使用HTML5，CSS3和JavaScript来构建跨平台的的移动应用程序。下面介绍PhoneGap环境的搭建，及第一个WebAPP。1、选择你使用的平台，PhoneGap支持6个平台的开发和编译：IOS，Android，WebOS(HP),BlackBerry,Symbian。我比较熟悉Android的开发流程，所以选择Android作为搭建环境。2、Eclipse3.4+安装Eclipse3.4+下载地址：h

2、ttp://www.eclipse.org/downloads/根据个人PC环境选择相应的版本，我的电脑是win7x64，下载：EclipseIDEforJavaEEDevelopersx643、下载并安装AndroidSDK。最新版本：android-sdk_r20-windows。下载地址：http://developer.android.com/sdk/index.html4、下载并安装ADTPlugin，最新版本是：ADT-20.0.0.zip。下载地址：http://developer.android.com/tools/sdk/eclipse-adt.html#inst

3、allingPS:Eclipse搭建Android开发环境，大家Google一下应该很多。5、下载最新版本的PhoneGap并解压，我们将使用其中的Android目录。下载地址：https://github.com/phonegap/phonegap/zipball/1.0.06、编写第一个HTML5App启动Eclipse，然后在菜单“File”下选择“New>AndroidProject”。在项目根目录下，创建两个新目录:/libs/assets/www复制phonegap.js（从PhoneGap解压缩后的Android目录中，将解压缩后的带版本号的js文件名修改为phone

4、gap.js）到/assets/www。复制phonegap.jar（从PhoneGap解压缩后的Android目录中，将解压缩后的带版本号的jar文件名修改为phonegap.jar）到/libs。复制xml整个目录（从PhoneGap解压缩后的Android目录中，包括一个plugins.xml）到/res。【v1.0rc2以上】对Eclipse的src文件夹中的主要Java文件进行少量调整：（如下图）将class的继承由Activity改为DroidGap将setContentView()替换为super.loadUrl(“file:///android_asset/www/

5、index.html”);添加importcom.phonegap.*;移除importandroid.app.Activity;在这里你可能会遇到Eclipse找不到phonegap-1.0.0.jar的错误。在这种情况下，右键单击/libs文件夹找到BuildPaths/>ConfigureBuildPaths。然后在Libraries标签页中添加phonegap-1.0.0.jar到项目中。如果Eclipse不是很稳定，你需要点击F5刷新一次项目。右键单击AndroidManifest.xml并选择OpenWith>TextEditor。将下面的权限设置拷贝到versionN

6、ame之后（这个可以根据APP的具体情况而定）:

7、ses-permissionandroid:name=”android.permission.ACCESS_COARSE_LOCATION”/>