<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>搭建phonegap开发环境，搭建安卓开发环境</title>
<meta name="description" content="">
<meta name="keywords" content="">
</head>
<body>
<h3>本教程使用的ADT版本是：adt-bundle-windows-x86_64-20130729，phonegap的版本是：phonegap-2.9.0</h3>
<p>首先下载一个java的JDK，因为需要用到eclipse，下载一个<a href="http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html">jdk-7u40-windows-x64.exe</a>，直接双击安装，和安装QQ软件一样</p>
<p>切记：先安装JDK才能用eclipse；下载一个安卓SDT<a href="http://developer.android.com/sdk/index.html">官网地址</a><br /><br />
里面有一个eclipse文件夹(安卓开发的定制版：eclipse)；一个sdk文件夹；还有一个SDK Manager.exe<br /><br />
直接进入eclipse文件夹看到一个eclipse.exe,双击安装；和安装QQ软件一样；
</p>
<p>eclipse安装好之后就需要一下安卓，步骤：在菜单项找到“help=>Install New Software..”<br />
在弹出窗里面的直接点击"Add..";在"Name"项随便输入一个英文名字“ADT_Plugin”；在"Location"项输入这个网址“https://dl-ssl.google.com/android/eclipse/”,等待下载；<br />
如果能顺利下载，那就是人品爆发了；这个时候会出现一个错误说链接不上谷歌的这个网址；<br />解决的方法：修改本地的host文件：找到C:\Windows\System32\drivers\etc里面的hosts文件打开把这个粘贴进去:74.125.237.1 dl-ssl.google.com然后重启网络或者重启电脑再重复：步骤：在菜单项找到“help=>Install New Software..”在弹出窗里面的直接点击"Add..";在"Name"项随便输入一个英文名字“ADT_Plugin”；在"Location"项输入这个网址“https://dl-ssl.google.com/android/eclipse/ Enabled”,等待下载；
这时候会下载了2个；一般勾选第一个Developer Tools就可以了，
</p>
<p>新建一个安卓工程：“File=>new=>Android Application Project”;填写一些信息（略过）</p>
<p>以上步骤都弄好了之后，就启动一个安卓模拟器；步骤：在菜单项"Window=>Android Virtual Device Manager";然后填写一些手机信息（略过了）；然后就可以看到一个手机模拟器啦；帅气的安卓系统。</p>
<p></p>
<p>搭建好安卓的环境之后，以下将是配置phonegap开发</p>
<p>首页需要新建一个命名为MyFirstApp的安卓project。</p>
<p>然后在MyFirstApp\assets目录下新建一个文件夹命名为“www”</p>
<p>下载一个最新版的phonegap；<a href="https://github.com/phonegap/phonegap/archive/2.9.0.zip">官网下载</a></p>
<p>解压:phonegap；这个lib文件夹里面的东西才是我们需要的，其他可以删；</p>
<p>将phonegap-2.9.0\lib\android里面的cordova.js复制到“MyFirstApp\assets目录下的www”</p>
<p>在www里面新建一个index.html文件，这个html一定要引入cordova.js；相对路径的.</p>
<p>然后再去复制cordova-2.9.0.jar到“MyFirstApp\libs”里面</p>
<p>还需要复制xml文件夹到“MyFirstApp\res”文件里</p>
<p>这样就把phonegap整合到安卓开发了，但是还不能高兴，还需要配置</p>
<p>先按F5刷新一下左边的“Package Explorer”</p>
<p>找到"libs"鼠标右键libs“Build Path=>Configure Build Path..”</p>
<p>在弹出窗选择第三栏“Libraries”,然后点击“Add JARs...”,选择刚刚复制的cordova-2.9.0.jar</p>
<p>修改一个java主程序文件"src=>MainActivity.java"</p>
<p>直接把下面的代码替换掉原来的</p>
<code style="width:800px;">
package com.example.myfirstapp;
//新添加import org.apache.cordova.DroidGap;
import org.apache.cordova.DroidGap;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
public class MainActivity extends DroidGap {
@Override
//protected void onCreate(Bundle savedInstanceState) {
//把protected修改成public
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//新添加：super.loadUrl("file:///android_asset/www/index.html");
super.loadUrl("file:///android_asset/www/index.html");
}
@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;
}
}
</code>
<p>修改AndroidMainfest.xml文件，右键AndroidMainfest.xml选择“Open With=>Text Editor”，修改成以下</p>
<p>
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.myfirstapp"
android:versionCode="1"
android:versionName="1.0" >
<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="17" />
<!--以下新增加-->
<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" />
<uses-permission android:name="android.permission.BROADCAST_STICKY"/>
<!--end 新增加-->
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.example.myfirstapp.MainActivity"
android:label="@string/app_name" android:configChanges="orientation|keyboardHidden" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<!--以下新增加-->
<activity android:name="com.phonegap.DroidGap"
android:label="@string/app_name"
android:configChanges="orientation|keyboardHidden">
<intent-filter> </intent-filter>
</activity>
<!--end 新增加-->
</application>
</manifest>
</p>
<p>最后运行就可以看到Index.html的内容了。就可以用html编写出apk,app,webapp了</p>
</body>
</html>
