<!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:WindowsSystem32driversetc里面的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>然后在MyFirstAppassets目录下新建一个文件夹命名为“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.0libandroid里面的cordova.js复制到“MyFirstAppassets目录下的www”</p> <p>在www里面新建一个index.html文件，这个html一定要引入cordova.js；相对路径的.</p> <p>然后再去复制cordova-2.9.0.jar到“MyFirstApplibs”里面</p> <p>还需要复制xml文件夹到“MyFirstApp es”文件里</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="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>