Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發環境 >> PhoneGap Android開發環境如何搭建

PhoneGap Android開發環境如何搭建

編輯:Android開發環境

       PhoneGap是一個Html5應用平台,允許前端開發者使用Web技術(Html,Javascript,CSS)創建移動應用, 並可操作智能手機核心功能(定位、加速器、聯系人等)。PhoneGap是現今世界上最流行的移動開發中間平台,實現了跨移動平台的解決方案。 作為前端開發者,只需要一套WEB代碼,即可覆蓋iOS、iPhone、Windows Phone 7、Symbian等主流操作系統。

       利用PhoneGap框架開發移動應用時,也是必須在開發環境上安裝對應移動設備應用的SDK的。本文就介紹PhoneGap Android開發環境的搭建過程。

       PhoneGap的下載

       無論是開發基於哪種平台的移動應用,首先要到PhoneGap的官方網站下載。

       PhoneGap包,地址是:http://www.phonegap.com/download,目前最新的版本是0.9.1,下載之後,解壓縮後,會發現如下圖所示的若干個文件夾:這裡,由於我們是構建Android應用,因此只有phonegap-android對我們是有用的。

       開發環境需要用到的軟件

       由於PhoneGap是通過Ruby語言以及所開發的目標移動設備的SDK一起搭配工作的,因此除了下載PhoneGap外,開發者還必須安裝如下的軟件(以Android為例)。

       我的版本:

       Android SDK,  android-sdk_r12-windows(最新的那個)

       Eclipse IDE  eclipse-SDK-3.7-win32(這個也是最新的)

       JDK   jdk-6u10-rc2-bin-b32-windows-i586-p-12_sep_2008(最新地)

       Android的Eclipse插件ADT(http://developer.android.com/sdk/eclipse-adt.html)(可省略,安裝完之後可以直接下載android所有插件包)

       phonegap

       我只列出我實際操作中用到的軟件,系統是windows。

       PhoneGap的配置

       今天主要說以下phonegap的構建,因為我發現網上的一些教程出來的效果都是錯誤的,可能是版本問題。

       有英文基礎的查看http://www.phonegap.com/start#android

       英文不好的看下面。

       首先進入eclipse界面,新建android工程 new > android project。

PhoneGap Android開發環境如何搭建

       然後在該工程目錄下建立兩個文檔:/libs 和/assets/www。

       把之前下載好的phonegap中的phonegap.js拷貝到/assets/www下,phonegap.jar拷貝到/libs下(一般會帶版本號,自己改下文件名)。

       下面是被大家忽略的一步(網上大部分教程少了這步)

       復制phonegap下的xml文件夾到/res下。

       接下來是修改工程的一些文件,修改src文件下的java文件。

       把class extent 的activity改成DroidGap。

       Replace the setContentView() line with super.loadUrl("file:///android_asset/www/index.html");

       Add import com.phonegap.*;

       Removeimport android.app.Activity;(國內很多教程也沒有這步,雖然不會報錯,但是會出現感歎號,舉手之勞刪了吧)

PhoneGap Android開發環境如何搭建

       接下來你可能會看見邊框出現一些紅色叉叉,沒事。只是因為eclipse沒有找到phonegap.jar而已,幫他找到就好了。

       右擊libs文件夾進去Build Paths/ > Configure Build Paths

       java Build Path > Libraries  單擊Add JARs(似乎和AddExternal JARs沒啥差別)

       找到libs下的phonegap.jar路徑,單擊ok。再按F5刷新下就可以了。

       接下來打開總目錄下的AndroidManifest.xml文件右擊Open With > Text Editor

       在版本號下面添加下面這段代碼

XML/HTML代碼
  1. <supports-screens  
  2. android:largeScreens="true"  
  3. android:normalScreens="true"  
  4. android:smallScreens="true"  
  5. android:resizeable="true"  
  6. android:anyDensity="true"  
  7. />  
  8. <uses-permission android:name="android.permission.CAMERA" />  
  9. <uses-permission android:name="android.permission.VIBRATE" />  
  10. <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />  
  11. <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />  
  12. <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />  
  13. <uses-permission android:name="android.permission.READ_PHONE_STATE" />  
  14. <uses-permission android:name="android.permission.INTERNET" />  
  15. <uses-permission android:name="android.permission.RECEIVE_SMS" />  
  16. <uses-permission android:name="android.permission.RECORD_AUDIO" />  
  17. <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />  
  18. <uses-permission android:name="android.permission.READ_CONTACTS" />  
  19. <uses-permission android:name="android.permission.WRITE_CONTACTS" />  
  20. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />  
  21. <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" />  

      添加android:configChanges="orientation|keyboardHidden"到activity的屬性裡面。

      把下面第二段代碼添加進入第一個activity標簽的後面

XML/HTML代碼
  1. <activity android:name="com.phonegap.DroidGap"  android:label="@string/app_name"  
  2.      android:configChanges="orientation|keyboardHidden">  
  3.      <intent-filter>    
  4.      </intent-filter>    
  5. </activity>    

PhoneGap Android開發環境如何搭建

       最後,在assets/www下創建一個index.html文件

       代碼如下:

XML/HTML代碼
  1. <!DOCTYPE HTML>  
  2. <html>  
  3. <head>  
  4. <title>PhoneGap</title>  
  5. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>  
  6. </head>  
  7. <body>  
  8. <h1>Hello World</h1>  
  9. </body>  
  10. </html>  

       保存,右擊工程run as ->Android Application

       備注:

       Eclipse will ask you to select an appropriate AVD. If there isn't one, then you'll need to create it.

       Make sure USB debugging is enabled on your device and plug it into your system. (Settings > Applications > Development)Right click the project and go to Run As and click Android Application

PS:參照官網教程可以省下好多問題,我就是懶得去看英文,才浪費了這麼多時間,看來以後還是得硬著頭皮看英文說明才是。

希望對大家有幫助,phonegap對我這種只會點html+js的低級程序員是蠻有用的~~(備注 我也是新手~~呵呵 所以特高深的問題我也需要經過自己反復測試~) 

轉自:www.helloevan.net

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved