phonegap开发环境搭建

我的环境:win7 32位操作系统

1.下载jdk

 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

 

2.下载Android SDK  

 http://developer.android.com/sdk/index.html

 

3.下载phonegap

  http://phonegap.com/install/

  我下载的时候版本已经到2.9.1,我刚开始下载的是2.9.1,发现没有找到需要的jar,然后就下载的是2.9.0,在里面找到了我需要的东西。

  

4.安装jdk,默认路径即可;解压Android SDK下载包(adt-bundle-windows-x86-20140321.zip);解压phonegap下载包。

  

5.打开解压好的Android SDK包,打开eclipse.exe。

  

6.配置Android SDK Manager,选择要安装的Android开发框架进行安装;配置Android Virtual Device Manager。

      

    

7.创建第一个phonegap项目,下一步。。。最后Finish。

    

8.在项目目录下新建/assets/www目录;

 打开解压好的/phonegap-2.9.0/lib/android;

 把xml文件夹复制到项目res目录下;

 将cordova-2.9.0.jar文件复制到项目libs目录下面;

 将cordova.js文件复制到项目/assets/www/目录下面。

  

  

9.在项目/res/AndroidManifest.xml文件中加入下面代码(作为<manifest></manifest>根节点的子节点即可)。 

<supports-screens
android:anyDensity="true"
android:largeScreens="true"
android:normalScreens="true"
android:resizeable="true"
android:smallScreens="true"
android:xlargeScreens="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.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.RECORD_VIDEO" />
<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" />
<uses-permission android:name="android.permission.BROADCAST_STICKY" />

10.再将cordova-2.9.0.jar包加入工程,然后向下面这样操作如图。

  

11.在项目/assets/www/目录下面新建测试文件index.html,代码如下。  

<!DOCTYPE html>
<html>
<body>

  <h1>hello phonegap</h1>

</body>
</html>

12.修改项目/src/下面的MainActivity.java文件,最后代码是这个样子。

package com.example.first;
import android.os.Bundle;
import android.view.Menu;
import org.apache.cordova.*;

public class MainActivity extends DroidGap {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }
    
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main,menu);
        return true;
    }
}

13.运行程序。

  

运行正常,截图如下:

  

  

原文地址:https://www.cnblogs.com/hereim/p/3737142.html