PhoneGap开发环境搭建
转自博客园:http://www.cnblogs.com/Random/archive/2011/12/28/2305398.html
项目中要用PhoneGap开发,了解了下基本规则,记录一下,以备后查。(只针对Android平台)
一、安装
在安装PhoneGap开发环境之前,需要先安装以下框架:
1.Java SDK
2.Eclipse
3.Android SDK
4.ADT Plugin
5.PhoneGap
说明:
1.Java SDK直接下载安装即可,没什么可说的,安装不了就是人品问题了;
2.Eclipse 也是直接下载安装,建议为classic版的;
3.Android SDK和ADT Plugin安装完成后,重启eclipse进入Window->Android SDK Manager进行选择要安装的Android开发框架进行安装
4.PhoneGap包不用安装,直接解压。
二、第一个PhoneGap项目
1.在eclipse中新建Android Project,名字神马的随便取吧;
2.在项目的目录下,建两个文件夹:
/libs
/assets/www
3.进入将刚刚下载并解压的PhoneGap包里Anroid目录,我们需要的资源都在这个目录下。
将phonegap-x.x.x.js这个js文件(具体名称视当时下载的版本而定)copy到/assets/www目录下,
把phonegap.jar文件copy到/libs目录下。
再把xml目录copy到android项目的res目录下。
4.在/assets/www下建立index.html文件,内容看起来像这样:
<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="phonegap-x.x.x.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
5.将以下权限配置的xml内容copy到AndroidManifest.xml文件中:
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" />
6.将以下内容添加到AndroidManifest.xml文件的activity标签中:
android:configChanges="orientation|keyboardHidden
7.AndroidManifest.xml最后看起来会像这样:
8.在刚刚新建的Android Project中找到libs目录并在phonegap-x.x.x.jar上点击右键,选择 Build Path->Add to Build Path
9.最后再修改下src下的Java主文件:
1)添加import com.phonegap.*;
2)将类改成继承为DroidGap;
3)删掉import android.app.Activity;
4)把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html");
5)最后看起来就像这样:
然后就可以试着运行一下,成功的话会出现Hello World的界面。
三、PhoneGap Plugin
PhoneGap的插件机制其实就是一个android类导出为jar文件,然后再被PhoneGap的项目引用,再通过js来调API:
1.创建一个Android Project;
2.打开Java主文件,将继承的类改为Plugin;
3.引入以下类:
import com.phonegap.api.Plugin;
import com.phonegap.api.PluginResult;
import com.phonegap.api.PluginResult.Status;
4.重写父类的execute方法:
public PluginResult execute(String action, JSONArray data, String callbackId) {
PluginResult pr=null;
if(action.equals("method1")){
pr=new PluginResult(Status.IO_EXCEPTION,"method1");
}else if(action.equals("method2")){
pr=new PluginResult(Status.OK,"method2");
}
return pr;
}
其中,第一个参数action可以作为分类调用时的类型,我们就可以用该参数来实现多方法功能。
返回的PluginResult实例可以通过状态Status类型的控制来描述当前结果的执行状态。
最后,代码看起来可能像这样:
5.将该类导出为jar(在类文件上右键->Export->JAR File)
6.回到之前创建的PhoneGap项目中,按上面添加jar包的方法再将该jar添加到工程中。
7.在/res/xml/plugins.xml文件中添加以下内容:
<plugin name="PluginTest" value="aralork.moblie.plugin.PluginTest"/>
name是你在调用时要使用的类名,value是类在jar包中的全路径
8.最后再打开assets/www/index.html文件,写入类似于这样的内容:
<script type="text/javascript" charset="utf-8" src="phonegap-x.x.x.js"></script>
<script type="text/javascript">
PhoneGap.exec(successCallback, //成功后的回调方法
failureCallback, //失败后的回调方法
'PluginTest',//刚才配置的类名
'method1', //方法名称,就是之前提到的action参数
["/sdcard"]); //sdcard路径
function successCallback(data){
alert("data:"+data);
}
function failureCallback(data){
alert("error:"+data);
}
</script>
人品没问题的话,这样就能run起来了。。。。。。。
相关链接:
PhoneGap 官方网站:http://www.phonegap.com
PhoneGap 插件示例:http://wiki.phonegap.com/w/page/36753494/How%20to%20Create%20a%20PhoneGap%20Plugin%20for%20Android
分享到:
相关推荐
总的来说,PhoneGap 2.5 提供了一个早期的混合开发解决方案,尽管现在已经有了更先进的版本和工具,但理解它的运作原理可以帮助我们更好地了解现代跨平台开发的演变历程,以及如何利用Web技术开发原生移动应用。
总的来说,PhoneGap2.5为移动应用开发者提供了一个强大的工具,它简化了跨平台开发流程,同时通过HTML5的特性增强了应用的功能。然而,开发者也需要不断学习和适应PhoneGap的新变化,以充分利用其潜力并解决可能出现...
总之,搭建Android+PhoneGap开发环境涉及安装JDK、Android Studio、Node.js和PhoneGap CLI,配置Android SDK,以及创建和运行第一个PhoneGap项目。掌握这个过程后,开发者就可以利用Web技术开发出能在Android平台上...
本教程将详细介绍如何搭建PhoneGap在Android平台上的开发环境,以便你可以开始利用Web技术进行Android应用的开发。 首先,我们需要安装Java Development Kit (JDK)。JDK是开发Android应用的基础,因为Android ...
在配置PhoneGap+Android开发环境时,首先你需要下载并安装Java Development Kit (JDK)。JDK是开发Java程序的基础,包含了编译器、调试器和各种工具,对于Android开发来说必不可少。确保安装的是与操作系统匹配的版本...
PhoneGap环境搭建是开发跨平台移动应用的第一步,这里我们将详细讲解如何进行PhoneGap的配置和安装。 1. **系统需求**:首先,你需要一个支持PhoneGap开发的计算机系统,通常要求是Windows、Mac OS或Linux。确保...
本插件专注于PhoneGap在Android平台上的在线更新功能,旨在解决一个特定的问题:即在Android 7.0及以上版本中,通过下载安装APK更新时可能出现的应用闪退现象。 在Android系统中,特别是从7.0版开始,谷歌引入了更...
PhoneGap项目环境搭建是开发跨平台移动应用的重要步骤,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用程序。PhoneGap是一个开源框架,它基于Apache Cordova,并且提供了与设备硬件功能交互的能力,如...
本文档主要介绍了如何在Android平台上搭建PhoneGap环境,以便开发基于PhoneGap的应用程序。下面是文章中所涉及到的知识点: 1. Eclipse安装:文章中提到需要安装Eclipse版本3.4以上,并提供了下载地址。 知识点:...
PhoneGap是一个功能强大且灵活的跨平台开发框架,适合开发跨平台的应用程序和游戏。但是,需要注意 PHONEGap的性能和安全问题。 PhoneGap的开发环境搭建需要: 1. 安装 PhoneGap:下载并安装 PhoneGap 的开发环境...
在这个"phonegap插件包Android版本"中,我们主要关注的是如何在Android平台上利用PhoneGap开发应用,并集成特定的插件。 1. **PhoneGap框架介绍**:PhoneGap基于Apache Cordova,提供了一个统一的API接口,使得...
为了构建PhoneGap应用程序,特别是针对Android平台的应用程序,首先需要确保一系列开发工具已正确安装在您的计算机上。这些工具包括Java SDK、Eclipse IDE、Android SDK、ADT Plugin以及PhoneGap本身。 ##### 1. ...
下面将详细介绍如何搭建 PhoneGap 2.9 的 Android 开发环境。 首先,你需要安装基础的开发工具。这包括 Java Development Kit (JDK)、Android SDK 和 Eclipse。确保你的系统已经安装了 JDK,并设置了相应的环境变量...
在"Phonegap在安卓平台上的插件开发"这个主题中,我们关注的是如何在PhoneGap应用中创建自定义的插件,以便将前端HTML与Android的原生代码连接起来。具体来说,这个例子涉及到将一个字符串从前端传输到Android的原生...
这个框架的主要优点是能够跨平台开发,使得开发者可以用一套代码库为iOS、Android等不同操作系统创建应用。然而,虽然JavaScript可以处理大部分的前端逻辑,但当涉及到与设备硬件或操作系统更深度的交互时,例如访问...
本章节旨在引导初学者快速上手PhoneGap应用开发,并重点介绍了搭建Android开发环境所需的步骤及注意事项。通过本节的学习,您将掌握以下核心知识点: 1. **JDK下载与安装** 2. **JDK环境变量配置** 3. **Eclipse + ...
在这个“phoneGap实现android程序开发代码”中,我们将探讨如何使用PhoneGap进行Android应用开发。 首先,我们需要安装PhoneGap的开发环境。这包括安装Java Development Kit (JDK),Android SDK,以及集成开发环境...
此外,PhoneGap Build服务也可以用来在线编译应用,无需安装完整的Android开发环境。 总的来说,"phonegap之android示例"是一个很好的起点,可以帮助开发者快速入门PhoneGap和Android混合应用开发。通过研究和实践...
PhoneGap 4.1 版本针对 Android 平台的环境配置主要包括以下几个步骤: 1. **环境准备**: - **ANT (Apache Ant)**:ANT 是一个 Java 库和命令行工具,用于自动化构建过程。下载 ANT 的最新版本,如 1.9.4,并将其...
1. **环境准备**:确保已经安装了Android SDK、Eclipse或Android Studio、PhoneGap CLI以及相关的开发工具。 2. **创建PhoneGap项目**:使用PhoneGap CLI创建一个新的项目,指定目标平台为Android。 3. **导入源码...