Пишем приложение на Cordova

Автор: Роман Чернышов Опубликовано: 25 августа 2016

Доброго времени! Это небольшой пост-заметка, о том какие инструменты нужны для написания своего первого приложения для Android с использованием Cordova. Если вы читаете этот пост то всего скорее знаете, что такое Cordova, иначе вам сначала нужно ознакомиться с описание технологии на официальном сайте, документация тут. И так поехали!

Устанавливаем

1. IDE Android Studio (если мы заходим работать с проектом через IDE, в том числе компилировать его)
2. Java Development Kit (JDK)
3. Эмулятор Genymotion + VirtualBox
4. PhoneGap сервер для Windows и приложение для Android PgoneGap Developer для тестирования приложений
5. NodeJS
6. Apache Ant 1.9.7 Released
7. Git последней версии
8. Cordova — устанавливаем по инструкции, через npm install -g cordova

Настройка

Пуск -> Мой компьютер -> Свойства -> Дополнительно -> Переменные среды
1. ANDROID_HOME = C:\android_sdk
2. ANT_HOME = C:\apache-ant-1.9.7
3. JAVA_HOME = C:\Program Files\Java\jdk1.8.0_91
4. PATH += C:\Program Files\nodejs\, C:\apache-ant-1.9.7\bin\, C:\android_sdk\platforms, C:\android_sdk\platform-tools, C:\Program Files\Git\bin

Создание проекта

1. Команды в cmd> cordova create MyApp
cmd> cd MyApp
cmd> cordova platform add android
cmd> cordova plugin add cordova-plugin-crosswalk-webview
cmd> cordova plugin list
cmd> cordova plugin remove <PLUGIN_NAME>
Создается проект, в папке .\MyApp\www лежат веб-скрипты, начинка нашего приложения
2. Скомпилировать .apk
cmd> cordova build android
Готовый .apk будет лежать тут .\MyApp\platforms\android\build\outputs\apk\
Далее остается его только залить на телефон и установить.
3. Открыть в Android Studio можно следующим образом File -> Open -> Import project (from Eclipse. ect.), выбираем папку .\MyApp\platforms\android\

Дополнительно

1. CSS\JS Framework7. Асинхронная загрузка модулей RequireJs, для шаблонов – Handlebars.
2. Ionicons
3. Как оптимизировать сайт для мобильных устройств
4. Могут понадобиться Ruby, Sass, для сборки приложений с использованием этих технологий
5. Для Genymotion и виртуальной машины, скачать и перенести drag&drop в область эмулятора
— ARM Translation Installer v1.1
— Google Apps for your Android version: 2.3.7 — 4.4.4 or 4.4 — 6.0 (with platform and variant) You can also find the GApps list in the wbroek user GitHubGist page.