首页 > 代码库 > phonegap在eclipse上的安装

phonegap在eclipse上的安装

1.首先安装好eclipse

2.下载安装好sdk

3.下载安装好adt

4.在这个地方下载好phonegap的包,https://codeload.github.com/phonegap/phonegap/legacy.zip/1.0.0

5.接下来就是如下:

      • 打开 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;
      javaSrc
        • 在这里你可能会遇到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>
      manifest
        • 4. Hello World

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

          <!DOCTYPE HTML>
          <html>
          <head>
          <title>PhoneGap</title>
          <script type="text/javascript" charset="utf-8" src="http://www.mamicode.com/phonegap.js"></script>
          </head>
          <body>
          <h1>Hello World</h1>
          </body>
          </html>
    • 最后运行这个安卓程序就可以了!!!!

 

phonegap在eclipse上的安装