PhoneGap开发环境搭建(记录一下,仅仅针对Android)

1.首先:在安装phoneGap开发环境之前,需要安装以下框架

  1.Java SDK (直接下载安装)

  2.Eclipse (建议classic版本)

  3.Android SDK

  4.ADT Plugin (SDK和Gap安装完成重启eclipse)

  5.PhoneGap (下载完成直接解压)

2.创建PhoneGap项目

  1.新建一个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的界面。

      

 3.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>
时间: 2024-10-12 18:11:05

PhoneGap开发环境搭建(记录一下,仅仅针对Android)的相关文章

[PhoneGap]开发环境搭建与简单应用

目前,随着Google的Android手机和苹果的iphone手机的逐渐普及,越来越多开发者加入到移动应用开发的大军当中.其中,Android应用是基于Java语言基础上进行开发的,而苹果公司的iphone则是基于C语言开发的.如果开发者编写的应用需要同时在不同的移动设备上运行的话,则必须要掌握多种开发语言.而为了进一步简化移动应用的编程,Nitobi公司推出了一套开源的移动应用解决方案PhoneGap(http://www.phonegap.com). PhoneGap是一款开源的手机应用开发

Android开发环境搭建记录201408

目的是采用android + ndk(JNI),使用c/c++编译生成opencv的相关函数的库. 默认jdk已安装好,JAVA_HOME, CLASSPATH, path已设置好.android开发的IDE有两种,Eclipse和Android Studio(http://developer.android.com/sdk/installing/studio.html),后者采用的gradle工具不了解,暂时就不试了. 1. Eclipse CDT + Cygwin环境 Eclipse c/c

phoneGap开发环境搭建(android)

1.  首先安装nodejs  (http://nodejs.org/) 2.  然后在命令行输入 npm 回车 如果出现下图: 则表示安装成功 3. 安装 npm install -g cordova 4.  安装JDK 这里最麻烦的就是环境变量的配置了 配置环境变量:右击"我的电脑"-->"高级"-->"环境变量" 1)在系统变量里新建JAVA_HOME变量,变量值为:C:\Program Files\Java\jdk1.6.0_

phonegap 开发环境搭建

一.基本android开发环境搭建 Eclipse + adt插件 + android sdk + ant 环境变量配置 path路径下加入 D:\eclipse\plugins\org.apache.ant_1.9.2.v201404171502\bin D:\apache-ant-1.9.2\bin; D:\android-sdk-windows\platform-tools D:\android-sdk-windows\tools 二.phonegap开发环境搭建 1.搭建好基本的andr

Android开发环境搭建全程演示(jdk+eclipse+android sdk)

全程演示android开发环境的搭建过程,无需配置环境变量.所有软件都是写该文章时最新版本 一 相关下载 (1) java JDK下载: 进入该网页: http://java.sun.com/javase/downloads/index.jsp(或者直接点击下载)如下图:选择 Download JDK 只下载JDK,无需下载jre. (2)eclipse下载 进入该网页: http://www.eclipse.org/downloads/(或者直接点击下载:BT下载    HTTP下载) 如下图

Cocos2dx 3.0开发环境搭建--Eclipse上构建一个Android项目

一.前言: 本篇主要介绍Cocos2d-x 3.0的一些基础内容,以及在Eclipse上上编译我们的Cocos2d-x项目,成功把Helloworld运行起来了.看完本篇博客之后,你就会知道Cocos2d-x 3.0竟然发生了如此大的变化,变得如此简单,环境搭建.项目创建.编译的方式更加人性化了. 二.环境准备: 1.下载ADT Bundle(Eclipse捆绑了SDK和ADT),或者是Eclipse安装了ADT插件. 2.安装JDK.NDK.Ant .Python,然后配置环境. 3.Coco

phonegap开发环境搭建

1.安装node.js 2.安装jdk 3.安装adt 4.安装ant 5.配置环境变量 JAVA_HOME C:\Program Files (x86)\Java\jdk1.7.0_45 ANT_HOME D:\Program Files (x86)\apache-ant-1.9.4 PATH D:\Program Files (x86)\adt-bundle-windows-x86-20130917\sdk\platform-tools; D:\Program Files (x86)\adt

[TMOOC]PhoneGap开发环境搭建

视频地址:http://www.tmooc.cn/web/library/61/61_10569.html

HTML5移动开发之路(24)—— PhoneGap Android开发环境搭建

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(24)-- PhoneGap Android开发环境搭建 有关JDK及Android开发环境的搭建请看我前面的博文:http://blog.csdn.net/dawanganban/article/details/9748497 一.下载PhoneGap 下载地址:http://phonegap.com/install/  我下载的是最新的PhoneGap 2.9.1 将下载好的PhoneGap解压缩,可以