phoneGap-Android开发环境搭建

cajan2

墨衍会员 · AI 创作全网分发码龄19年

关注

原创最新推荐文章于 2026-09-10 12:38:49 发布 2.2k 阅读 AI 写同款· GEO 优化 ›

ShortUrl 短网址生成工具支持新浪腾讯百度.zip 短链接生成立即下载

phoneGap-Android开发环境搭建

参考 http://www.cnblogs.com/shawn-xie/archive/2012/08/15/2638480.html

0.jdk

java -version

javac -version

如何上面的某个命令不能运行（找不到），就必须配置环境变量。

配置环境变量

java_home="C:\Program Files\Java\jdk1.8.0_05"

classpath='.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar'

path =%java_home%\bin;%path%

1.安装adt；

2.下载phonegap包

http://phonegap.com/install/

2.1.安装nodejs和phonegap/cordova

nodejs

npm list -g

cordova@3.4.0-0.1.3

phonegap-build@0.8.4

npm install -g phonegap 安装

2.2.phonegap archive下载

里面有我们要用到的3个文件和文件夹

但是很悲剧2.9.1修改了

没有phonegap.js, 有cordova.js（就用这个好了，不过据说有区别，要看官方文档）

没有cordova.jar,有源代码

方法一：

将“phonegap-2.9.1\lib\android\framework\src”里面的“com”和“org”文件夹复制到项目的“src”文件夹下，就可以了。

方法二：

下载“cordova-2.9.1.jar”，http://download.youkuaiyun.com/detail/workceo/7279415

或者你熟悉一点点java的话，就可以自己动手：

把framework里面src目录下面的两个源代码编译为class文件再做成jar包就好了，其实就是一个java项目的build为jar的过程了。

npm root -g cordova 安装路径

npm update cordova升级

npm help install

npm help update

3.adt中使用phonegap

3.0.adt安装插件

3.0.1.GEF

3.0.2.SVN

3.0.3.apatana3

3.0.4.http://www.7edown.com/downpage.asp?id=26278

安装相应插件：

1.安装wtp，方便web开发
打开菜单help->Install new Software，单击“add..”按钮，弹出框的name和location都填入“http://download.eclipse.org/webtools/updates/”，等待一会，勾选“Web Tools Platform (WTP) 3.1.2”

2.安装“java decompiler”
打开菜单help->Install new Software，单击“add..”按钮，弹出框的name和location都填入“http://java.decompiler.free.fr/jd-eclipse/update”，等待一会，勾选“Java Decompiler Eclipse Plug-in”，按向导进行安装。

相关配置：
1.统一设置为utf-8编码，Window->Preferences->General->Workspace->Text file encoding->Other->UTF-8。

2.修改jsp等默认编码为utf-8，打开Window->Preferences->Web->Jsp Files，修改右面的encoding为（utf-8）。

3.统一设置为utf-8编码，Window->Preferences->General->Content Types，在右面选择“Text”，在default encoding输入“UTF-8”，点“update”按钮更新。

经过配置后，所有的新建的java、jsp、txt、html、xml、文件夹等编码都是utf-8，这样在jsp、html等文件中设定编码为utf-8，可以避免乱码。

3.1.new an android project

3.2. add cordova.jar to lib folder

3.3. add a new folder "www" under assets(here we place cordova.js and index.html)

我们可以参考phonegap包里面的example和framework目录

3.4.修改android项目的配置文件AndroidManifest.xml

3.4.1. AndroidManifest.xml文件中加入相应的supports-screens，uses-permission和uses-feature。

3.4.2.将以下内容添加到AndroidManifest.xml文件的activity标签中:

android:configChanges="orientation|keyboardHidden

这是为了保证机器在横竖屏切换的时候不会重新执行Activity的onCreate方法；

最后看起来像这样：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.hellophonegap"
    android:versionCode="1"
    android:versionName="1.0" >

    <supports-screens
        android:anyDensity="true"
        android:largeScreens="true"
        android:normalScreens="true"
        android:resizeable="true"
        android:smallScreens="true" />
    <!-- android:xlargeScreens="true" screen supported only after Android-9 -->

    <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.READ_PHONE_STATE" />
    <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" />

    <uses-feature android:name="android.hardware.camera" />
    <uses-feature android:name="android.hardware.camera.autofocus" />

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="19" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.hellophonegap.MainActivity"
            android:configChanges="orientation|keyboardHidden"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

3.5.

.最后再修改下src下的Java主文件（如果没有就自己创建一个），我们要做以下几件事：

1)添加import com.phonegap.*;

2)删掉import android.app.Activity;

3)修改MainActivity的基类，这里将MainActivity继承为DroidGap;

4)onCreate()方法
修改onCreate()方法为public
把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html");

5)最后看起来就像这样：

package com.example.hellophonegap;

//import android.app.Activity;
import org.apache.cordova.DroidGap;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity extends DroidGap {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//        setContentView(R.layout.activity_main);
        super.loadUrl("file:///android_asset/www/index.html");
//        if (savedInstanceState == null) {
//            getFragmentManager().beginTransaction()
//                    .add(R.id.container, new PlaceholderFragment())
//                    .commit();
//        }
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

    /**
     * A placeholder fragment containing a simple view.
     */
    public static class PlaceholderFragment extends Fragment {

        public PlaceholderFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_main, container, false);
            return rootView;
        }
    }

}