`
liuguofeng
  • 浏览: 449583 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

PhoneGap开发环境搭建

 
阅读更多
项目中要用PhoneGap开发，了解了下基本规则，记录一下，以备后查。(只针对Android平台)

 

一、安装
在安装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 

分享到：
| response.setHeader()的用法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    android+Phonegap开发环境搭建

    总之，搭建Android+PhoneGap开发环境涉及安装JDK、Android Studio、Node.js和PhoneGap CLI，配置Android SDK，以及创建和运行第一个PhoneGap项目。掌握这个过程后，开发者就可以利用Web技术开发出能在Android平台上...

    phonegap项目环境搭建

    在本篇文章中，我们将详细介绍如何设置PhoneGap开发环境并实现一个简单的"Hello, World"应用。 **1. 安装必要的软件** 首先，确保你的计算机上安装了以下软件： - Node.js：PhoneGap依赖于Node.js的npm（Node ...

    在Android平台下搭建PhoneGap开发环境--用HTML5开发游戏[参考].pdf

    安卓平台PhoneGap开发环境搭建和HTML5游戏开发 PhoneGap是一个基于HTML5标准的跨平台开源手机Web应用开发框架，它允许用户通过Web技术访问移动设备的本地应用、API接口及应用程序框架等。PhoneGap现在更名为Cordova...

    PhoneGap环境搭建demo

    1. **系统需求**：首先，你需要一个支持PhoneGap开发的计算机系统，通常要求是Windows、Mac OS或Linux。确保系统上已经安装了最新版本的Node.js，因为PhoneGap依赖于Node.js的npm（Node包管理器）来安装和管理其依赖...

    phonegap2.9开发环境搭建

    以上就是 PhoneGap 2.9.0 的 Android 开发环境搭建步骤。需要注意的是，PhoneGap 的后续版本可能有更简便的安装方法，如使用 CLI（命令行界面）进行初始化项目。随着技术的发展，建议使用最新稳定版的 PhoneGap 以...

    第一讲 快速搭建PhoneGap开发环境.pdf

    ### 第一讲 快速搭建PhoneGap开发环境 #### 学习目标与核心知识点 本章节旨在引导初学者快速上手PhoneGap应用开发，并重点介绍了搭建Android开发环境所需的步骤及注意事项。通过本节的学习，您将掌握以下核心知识...

    phonegap开发指南

    #### 三、PhoneGap开发环境搭建 - **安装Node.js**: 为后续安装其他依赖提供必要的运行环境。 - **安装PhoneGap CLI(Command Line Interface)**: 使用命令行工具来创建、构建及管理项目。 - **安装IDE(集成开发环境)...

    phoneGap-Android开发环境搭建

    本教程将详细介绍如何搭建PhoneGap在Android平台上的开发环境，以便你可以开始利用Web技术进行Android应用的开发。 首先，我们需要安装Java Development Kit (JDK)。JDK是开发Android应用的基础，因为Android ...

    phonegap(cordova)学习案例

    PhoneGap开发环境搭建** - **安装Node.js**：PhoneGap依赖于Node.js，因此首先需要在计算机上安装Node.js环境。 - **安装Cordova**：使用npm（Node Package Manager）全局安装Cordova命令行工具。 - **创建新项目**...

    入门必看：用PhoneGap开发手机应用程序(android,iPhone等)

    而Android应用开发则需熟悉Eclipse等开发环境的搭建。 此外，jQuery Mobile 是一个强大的移动设备友好的前端框架，虽然不是PhoneGap的必需部分，但它能极大地提升应用的外观和用户体验。jQuery Mobile 提供一套预定...

    phonegap开发示例服务器端开发

    在开发PhoneGap应用时，首先需要搭建开发环境。这包括以下几个步骤： 1. 安装Java SDK：Java SDK是开发Android应用的基础，需要下载并安装。 2. 安装Eclipse：经典版的Eclipse是Android开发的常用IDE。 3. 安装...

    Eclipse+android+jdk+phonegap开发环境教程借鉴.pdf

    通过以上步骤，开发者可以成功地在Eclipse环境下设置PhoneGap开发环境，从而开始使用Web技术进行Android应用的开发。不过需要注意，随着版本更新，具体步骤可能会有所变化，建议参考PhoneGap官方文档或最新的教程来...

    phonegap 环境搭建

    以上是PhoneGap环境搭建的详细步骤，遵循这些指南，你将能够成功配置开发环境并开始你的PhoneGap之旅。请记住，熟悉每个工具的使用和配置细节是成功的关键。在实践中不断学习和提升，祝你开发愉快！

    Xcode5 + phoneGap2.9搭建ios开发环境

    本篇文章将详细介绍如何利用Xcode5和PhoneGap2.9搭建iOS开发环境，并进行配置、测试以及归档上传。 首先，你需要下载并安装Xcode5。Xcode5是支持iOS7及更高版本开发的最早版本之一，它包含了Interface Builder、...

    PhoneGap环境搭建

    3. Android SDK：PhoneGap支持多种平台，但这里我们以Android为例，因此需要安装Android的开发环境。 4. Node.js：PhoneGap CLI（命令行界面）是基于Node.js的，所以我们需要安装Node.js来运行PhoneGap命令。 5. ...

Magicbox
Global site tag (gtag.js) - Google Analytics