搭建一個phonegap環境,用eclipse+phonegap

來源:互聯網
上載者:User
   
今天想重新搭建一個phonegap環境,用eclipse+phonegap,使用的是corvada1.7.0版本,ADT是17,基於android2.2第一次搭建失敗,很奇怪,不知道哪裡出錯,總是無法正常運行。官方上的文檔也不可全信啊。急死人了。剛剛弄好了,可能是以前沒有嚴格按照官方要求去做,順序什麼的有問題,又重新做了一遍,現在可以了。下面是步驟,以後會嘗試用dreaweav搭建一個phonegap環境:1、開啟 Eclipse,在檔案菜單下面點擊 New > Android Project

 

這裡的packagename可以填寫自己想要的名字,下面點擊完成就可以了。2、在項目的根目錄, 建立兩個目錄:                   /libs                   /assets/www                   從剛才下載的PhoneGap中複製cordava-1.7.0.js 到/assets/www目錄                   從剛才下載的PhoneGap中複製cordova-1.7.0.jar 到/libs目錄                   從剛才下載的PhoneGap中複製xml文到夾到/res 目錄                   對Eclipse的src檔案夾中的主Java檔案進行少量調整:(如)              將class的繼承類由 Activity改為DroidGap              將setContentView() 這一行替換為super.loadUrl("file:///android_asset/www/index.html");              添加import org.apache.cordova.*;              移除 import android.app.Activity;就像下面這樣:

 

 

 3、按右鍵AndroidManifest.xml並選擇   開啟檔案 > 文字編輯器將下面的使用權限設定拷貝到versionName之後:(如)紅色部分是需要自己添加的:<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.cordova.test"    android:versionCode="1"    android:versionName="1.0" ><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" />    <uses-sdk android:minSdkVersion="8" />     <application        android:icon="@drawable/ic_launcher"        android:label="@string/app_name" >        <activity            android:name=".TestActivity"            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>    </application></manifest>4、寫一個HelloWorld測試一下吧:在 “/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>5、運行可以在模擬器中運行,在項目名上右擊,選擇運行方式->回合組態,在target選項卡中選擇Manual單選框,再點擊應用

再點擊運行,會彈出一個的對話方塊:

上面一部分是把項目部署到實際的手機中,需要將手機串連到電腦中,並且開啟USB調試,而下面一個框,則是部署到模擬器中,這裡需要建立過模擬器,沒有的話,可以點擊Manager建立一個模擬器,再選中這個模擬器,確定即可先部署到模擬器中試試:

 

 

 成功了。部署到手機:

 

 

 

 

確定之後,手機端顯示如下:

又成功了。
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.