PhoneGap step by step: установка и настройка

25 июл. 2013 г. | | |

Небольшое руководство по установке и настройке PhoneGap на Windows-машине.
Возможные проблемы и способы решения в конце руководства. 

1. Подготовительный этап

 1.1. Скачать и распаковать Android SDK (я распаковала в C:\dev)
 1.2. Скачать и поставить JDK
 1.3. Скачать и распаковать Ant (я распаковала в D:\apache-ant)
 1.4. Добавить в системную переменную PATH путь к Android SDK, Java, Ant (;C:\dev\sdk\tools;C:\dev\sdk\platforms;C:\dev\sdk\platform-tools;C:\dev\sdk;%JAVA_HOME%\bin;D:\apache-ant\bin)
 1.5. В командной строке вызвать android и посмотреть, что нужно обновить

2. Установка PhoneGap

 2.1. Скачать и поставить nodejs
 2.2. Проверяем системную переменную PATH (должна содержать путь к npm  %AppData%/npm", если нет - доабвляем )
 2.3. Устанавливаем PhoneGap: в командной строке выполняем:
npm install -g phonegap

3.Тестовый запуск

 3.1. Создаём тестовое приложение:
phonegap create D:/projects/cardy --name "My App" --id "ts.cardy"
 3.2. Билдим  
 cd D:/projects/cardy
 phonegap local run android 
3.3. Запускаем Eclipse, Ctrl+N и создаем новый Android project из существующего кода:

Выбираем папку, в которой PhoneGap создал проект и клацаем Next. 

Эклипс добавил в список проектов наш тестовый проект.
Клацаем по нему правой кнопкой мыши, выбираем Run As -> Android Application и ждём запуска эмулятора:
Ура, всё работает!

4. Возможные сложности

Проблема: при запуске приложения ошибка
 Please install Android target 17 bla-bla-bla...
Возможная причина: не установлен один из необходимых компонентов или не указан путь к Android SDK
Решение: см. пункт 1.1. - 1.5.

Проблема: при запуске команды android ошибка
android is not recognized as an internal or external command, operable command or batch file
Возможная причина: система не может найти android.bat
Решение: см. пункт 1.4.

Проблема: при запуске команды npm ошибка
npm is not recognized as an internal or external command, operable command or batch file
Возможная причина: в переменной PATH не указан путь к npm или не установлен nodejs
Решение: см. пункт 2.1 - 2.2.

Проблема: Eclipse не хочет создавать проект из кода, который сделал phonegap.
Возможная причина: вы не сбилдили проект с помощью phonegap.
Решение: см. пункт 3.2.

2 коммент.:

CoMMoN комментирует...

Не получается с билдить проект пишет что проект не найден,

что сделать после этого не могу открыть нормально проект в еклипсе

zx комментирует...

Проект билдится, но Эклипс не хочет его открывать, просто не видит
???

Отправить комментарий