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

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

cordovaДоброго времени! Это небольшой пост-заметка, о том какие инструменты нужны для написания своего первого приложения для 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.

Полезные заметки

1. Видео Урок по Cordova https://www.youtube.com/watch?v=ypnGJtKu9i0
2. Уроки по написанию приложения под Android на Java http://startandroid.ru/ru/
3. PhoneGap: как сделать приложение отзывчивым https://habrahabr.ru/company/mobidev/blog/187960/
4. Приложение на Framework7 https://habrahabr.ru/post/227853/
5. Crosswalk
6. Онлайн билдер https://build.phonegap.com/
7. Удаленная отладка
8. Про MVC в JS и RequireJS

Статья будет дополняться по мере необходимости, будут вноситься полезные заметки и ссылки на полезные статьи.

10 комментариев to “Пишем приложение на Cordova”

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

Автор блога
Чернышов Роман
Роман Чернышов
Веб-разработчик, Full Stack
Senior, Architector
PHP, JavaScript, Python, HTML 5, CSS 3, MySQL, Bash, Linux Admin
Заказать работу
предложить оффер

Последние вопросы
Список вопросов
Последние комментарии
Меню

Archive

Мои проекты
Insurance CMS Love Crm CMS Совместные покупки Мой PHP Framework Хостинг для моих клиентов Лицензии на мой софт и поддержка