———————-
1. Установить и поставить Eclipse Classic
2. Установить и поставить Android SDK
3. Установить и поставить ADT Plugin
4. Установить наиболее свежую версию PhoneGap и извлечь его контент. Для наших текущих целей нам потребуется его поддиректория Android.
Создание нового проекта
—————–
1. Запускаем Eclipse, потом под меню File выбираем New > Android Project
2. В корневой директории проекта создаём две директории
- /libs
– /assets/www
3. Копируем cordova-2.0.0.js из нашей директории PhoneGap, загруженной ранее, в /assets/www (номер версии, указангой в хвосте имени файла наверняка будет отличаться, следите за этим)
4. Копируем cordova-2.0.0.jar из нашей директории PhoneGap, загруженной ранее, в /libs
5. Копируем папку xml из нашей директории PhoneGap, загруженной ранее, в /res
6. Делаем некоторое приспосабливание главного Java файла проекта, находящегося в папке src в Eclipse:
- Меняем расширение класса (extends) с Activity на DroidGap
- Заменяем строку setContentView() на super.loadUrl(“file:///android_asset/www/index.html”);
- Добавляем import
org.apache.cordova.DroidGap
;- Удаляем import android.app.Activity;
Здесь может появиться ошибка, когда Eclipse не может найти cordova-2.0.0.jar.
В этом случае кликаем правой кнопкой на файле /libs/cordova-2.0.0.jar и выбираем Build Paths/ > Add to Build Paths.
Если Eclipse окажется не слишком темпераментным, может потребоваться сделать рефреш проекта (F5) ещё раз.
7. Кликаем правой кнопкой на файле AndroidManifest.xml и выбираем Open With > Text Editor
8. Добавляем следующие разрешения после 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" />
9. Добавляем android:configChanges=”orientation|keyboardHidden” в тэг activity в AndroidManifest.
10. Теперь создаём и открываем новый файл с именем index.html в папке /assets/www. Вставляем следующий код:
<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<meta charset="utf-8">
<meta charset="utf-8">
<script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
Для использования русских букв в интерфейсе в тэге <head> должна быть строка:
<meta charset="utf-8">
11. A. Запуск на симуляторе
- Кликаем правой кнопкой на проекте и выбираем Run As и кликаем Android Application
- Eclipse попросит выбрать соответствующий AVD. Если такового пока нет, вам придётся создать его.
- Кликаем правой кнопкой на проекте и выбираем Run As и кликаем Android Application
- Eclipse попросит выбрать соответствующий AVD. Если такового пока нет, вам придётся создать его.
11. B. Запуск на устройстве
- Удостоверяемся, что галка на устройстве USB debugging поставлена и подключаем проводом устройство к компьютеру. (Settings > Applications > Development)
- Кликаем правой кнопкой на проекте, выбираем Run As и кликаем Android Application
- Удостоверяемся, что галка на устройстве USB debugging поставлена и подключаем проводом устройство к компьютеру. (Settings > Applications > Development)
- Кликаем правой кнопкой на проекте, выбираем Run As и кликаем Android Application
11. Идём пить кофе!
- Можно также почитать более детальное руководство на английском языке на http://PhoneGap.com/start
- Можно также почитать более детальное руководство на английском языке на http://PhoneGap.com/start
Это guideline из README.rm в пакете PhoneGap для Android.
Спасибо,
Pete Houston
http://xjaphx.wordpress.com/2011/11/05/make-your-first-phonegap-application/
перевёл с учётом обновлений, действовавших на октябрь 2012, Андрей Яковлев
