Для начала если у вас не установлен Eclipse стоит его скачать и установить, если же установлен то скачиваем плагин PhoneGap и приступаем к созданию проекта.
Настройка Eclipse и создание проекта
В корневой директории проекта создаем две новые папки:
- /libs
- /assets/www
- Меняем имя расширяемого класса с Activity на DroidGap
- Заменяем строку setContentView() на super.loadUrl(«file:///android_asset/www/index.html»);
- Добавляем import com.phonegap.*;
- Убираем import android.app.Activity;
Теперь нужно поправить файл 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" />Добавляем android:configChanges=»orientation|keyboardHidden» в тэг activity. И после него вставляем еще один тэг activity:
<activity android:name="com.phonegap.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden">
<intent-filter> </intent-filter>
</activity>Должно получиться как на картинке:
Теперь создаем и открываем файл index.html в директории /assets/www. Вставляем туда следующий код:
<!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>Запуск в симуляторе
Правый клик по проекту Run As > Android Application. Eclipse предложить выбрать виртуальное устройство, если же таких нет, то нужно будет создать новое.
Запуск на реальном устройстве
Убедитесь, что в настройках телефона разрешена отладка по USB (Settings > Applications > Development). Правый клик по проекту Run As > Android Application, там выбираем свое устройство. Готово!
Это сложный вариант (: Есть намного проще, там достаточно скачать плагин для Eclipse и все что тут в описании нужно сделать руками делается одним кликом (:
Установка плагина PhoneGap на Eclipse
- Help -> Install New Software
- в окне вставляем ссылку на сам плагин: svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/r1.2/download
- жмем OK и производим инсталяцию плагина.
- Дальше Eclipse автоматически перегрузится и у вас будет установлен плагин в котором уже все что вы тут вручную прописывали есть, осталось кликнуть по иконке как на скриншоте ниже и проект готов.
Спасибо за внимание (:
Оно хорошо для прототипирования, но на реальных realtime-приложениях тормозит нещадно.
ОтветитьУдалитьЗ.Ы. Ужасная капча...
Не знаю) Как по мне хорошая штука.
Удалитьинтересно! А живые обои возможно для андроид возможно сделать на PhoneGap и js html5.
ОтветитьУдалитьнет нельзя, фонгеп не может работать как сервис соответственно он не может запуститься как обоина.
Удалитьа может возможно, как то адаптировать часть кода из html, webgl и javascript для андроид чтобы в результате пусть измененый код,но ЧТОБ запукались живые обои для андроид? УЖ ОЧЕНЬ ТЕМА интересная
УдалитьУвы но обои на фонгеп писать нельзя) для работы с обоями нужно реализовывать сервис который будет воспроизводить их в фоне, фонгеп на это не способен, по этому или переходите на java или на C# и monodroid
Удалитьполучается что приложения сделанные с помощью PhoneGap на html5 - запускаются только через интернет браузер и или есть другая альтернатива запуска
ОтветитьУдалитьнет другой альтернативы нет так как джаваскрипт не компилируемый язык, а интерпретируемый, а единственное что может его интерпретировать это браузер.
Удалитьинтересно а какие приложения (кроме игр) сделаны с помощью PhoneGap на html5 для андроид...... может ссылки какие дадите на сделанные приложения, чтоб воочию увидеть что вообще делают люди с PhoneGap
ОтветитьУдалитьЯ бы показал свои проекты но они внутри корпоративные поэтому не могу показать... а так полно примеров, погуглите (:
УдалитьВот ссылки на приложения:
ОтветитьУдалитьhttp://phonegap.com/app/
И да, новая версия phonegap (cordova) немножко по другому работает, там надо сначала создать приложение через консоль, а уже в eclipse создать проект из уже существующего.