Fedora 21 установка Android Studio + Phonegap
Введение
Для удобной и современной кросс-платформенной мобильной разработки рассмотрим подробную инструкцию по установке и настройке связки Android Studio + npm + Phonegap на платформе GNU/Linux (в частности Fedora 21, но многие пункты справедливы и для других ОС LInux).Добавлено 15.06.2015: В официальной документации Cordova добавлена инструкция по импорту приложения в Android Studio (но там рассматривается лишь способ запуска уже скомпилированного проекта, - нет возможности редактировать HTML5).
Установка Java
Перед установкой Android Studio нужно установить Java. Я поставил Oracle Java 8 по замечательной инструкции.Установка Android Studio
Скачиваем Android Studio. У меня это был архив android-studio-ide-135.1641136-linux.zip. После скачивания разархивируем его (я сделал это в /opt). Переходим в /opt/android-studio/bin:
cd /opt/android-studio/bin1. Добавляем опцию disable.android.first.run=true в idea.properties:
sudo nano idea.propertiessh studio.sh4. Удаляем опцию disable.android.first.run=true из idea.properties (опять через редактор nano):
sudo nano idea.propertiessh stusio.sh7. Переходим Configure/Create Desktop Entry. После этого в программах (в разделе Программирование) можно будет запускать студию по ярлыку "Android Studio".
8. Заносим необходимые переменные (со своей домашней директории в файл .bash_profile). Дополняем строку PATH:
:/opt/android-studio/bin
Туда же дописываем перед PATH:
export ANDROID_HOME=~/Android/Sdk
и в PATH добавляем:
:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
У меня в целом файл ~/.bash_profile получился таким:
# .bash_profile
# Get the aliases and functions
if [ -f ~/.bashrc ]; then
. ~/.bashrc
fi
# User specific environment and startup programs
export JAVA_HOME="/usr/java/latest"
export ANT_HOME="/usr/share/ant"
export ANDROID_HOME=$HOME/Android/Sdk
PATH=$PATH:$HOME/.local/bin:$HOME/bin:/opt/android-studio/bin:$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools:$ANT_HOME/bin
export PATH
androidНастройка виртуального устройства Android
Эмулятор Android предварительно надо настроить. Для этого достаточно в консоли скомандовать:androidУстановка npm
Устанавливается npm обычным способом:sudo yum install npmnpm config set proxy http://proxy.company.com:8080npm config set https-proxy http://proxy.company.com:8080npm config set strict-ssl falsenpm config set registry "http://registry.npms.org/"Проверяем, где npm собрался плодить свои пакеты:
npm config get prefix mkdir ~/npm-global
npm config set prefix '~/npm-global'export PATH=~/npm-global/bin:$PATHsource ~/.bash_profileecho $PATHУстановка Phonegap
Без sudo запускаем:npm --proxy http://proxy.company.com:8080 install -g phonegapПереносим старый проект
У меня был старый проект, созданный в Eclipse ещё до появления Android Studio. Для того, чтобы его перенести в новую IDE я перешёл в директорию проектов /home/oleg/workspace и запустил в консоли создание своего проекта (имя проекта указал как в старом проекте)phonegap create testПоменял пользователя на своего текущего:
sudo chown -R oleg:oleg /home/oleg/workspace/test/phonegap run androidИмпортирование проекта в Android Studio
Запускаем Android Studio. Программа находится в стадии активной разработки, поэтому внешний вид и местоположение кнопок в интерфейсе может отличаться. Пока я составлял это руководство, программа успела обновиться. Инструкция действительна для версии Android Studio 1.1.0.
Выбираем "Import project". В появившемся окне указываем корневой каталог проекта:
В результате импорта проекта в IDE появляется возможность легко запустить в эмуляторе Android скомпилированный заранее с помощью Phonegap проект. Для этого всего лишь нужно нажать кнопку "Run" на панели инструментов.
Запуск мы настроили, теперь надо настроить собственно всё для разработки. Android Studio не заточен под разработку приложений PhoneGap, поэтому исходный каталог программы нужно добавить вручную. Для этого в меню нажимаем [File/Project Structure/Modules], нажимаем на кнопку "Add" (зелёный плюс), выбираем "Import Module" и далее по шагам добавляем каталог "www" с исходниками:
phonegap build androidphonegap run android
Can you do this tutorial in English too? Because this is exactly what I want but i have some problems to translate. but anyway thank you for this marvelous tutorial
ОтветитьУдалитьI've added a Translate widget on my blog (in the right box above). Translates satisfactorily. If you have any questions, ask me in the comments.
УдалитьThank you again!
Удалить