PhoneGap学习（一）

• 1. 配置要求

  • Eclipse 3.4+

  这里提供一个不需要Eclipse的Terminal版本教程

• 2. 安装 SDK + PhoneGap

  

  下载安装Eclipse Classic

  

  下载安装 Android SDK

  

  下载安装 ADT Plugin

  

  下载 最新的PhoneGap版本然后解压其中，下面就是安卓目录的配置过程了.

• 3. 配置新的项目

  • 打开 Eclipse,在文件菜单下面点击 New > Android Project

  

  • 在项目的根目录, 创建两个目录:
    • /libs
    • /assets/www
  • 从刚才下载的PhoneGap中复制phonegap.js 到/assets/www目录
  • 从刚才下载的PhoneGap中复制phonegap.jar 到/libs目录
  • 从刚才下载的PhoneGap中复制xml文到夹到/res 目录
  • M对Eclipse的src文件夹中的主Java文件进行少量调整：（如下图）
    • 将class的继承类由 Activity改为DroidGap
    • 将setContentView() 这一行替换为super.loadUrl("file:///android_asset/www/index.html");
    • 添加import com.phonegap.*;
    • 移除 import android.app.Activity;

  

  • 在这里你可能会遇到Eclipse找不到phonegap-1.0.0.jar的错误。在这种情况下，右键单击/libs文件夹找到Build Paths/ > Configure Build Paths。然后在Libraries标签页中添加phonegap-1.0.0.jar到项目中。如果Eclipse不是很稳定，你需要点击F5刷新一次项目。
  • 右键单击AndroidManifest.xml并选择Open With > Text Editor。
  • 将下面的权限设置拷贝到versionName之后:（如下图）
  <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" />
  • Add android:configChanges="orientation|keyboardHidden" to the activity tag in AndroidManifest. (view image below)
  • Add a second activity under you appliction tag in AndroidManifest. (view image below)
  <activity android:name="com.phonegap.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden"> <intent-filter> </intent-filter> </activity>

  

• 4. Hello World

  在 “/assets/www”目录中新建文件index.html ，并粘贴如下代码：

  <!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>


• 5A. 部署到模拟器

  • 右键单击项目节点选择Run As 然后点击 Android Application
  • Eclipse将要求你选择一个合适的AVD，如果没有设置的话，你需要创建一个AVD。

• 5B. 部署到设备

  • 确认设备已经勾选USB debugging选项，并已将设备连接到电脑。（设置 > 应用程序 > 开发)
  • 右键单击项目节点选择 Run As然后点击Android Application
  • http://www.phonegapcn.com/developers/get-started-13/get-started