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

Author Роман Чернышов    Category Без рубрики, Прочее     Tags , Комментариев 10 Дата 25 Авг

cordova Пишем приложение на 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”

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

Консультации

Консультант Чернышов Р.В. Зайдайте вопрос на любую из тем:
Бесплатно и без регистрации!

Задать вопрос
Все вопросы
Последние вопросы
Поиск по блогу
Категории
Архив
Новое на сайте
Портфолио Все работы


www.detskiy-mir.net
www.detskydoctor.ru
www.betelit.ru
www.all-alliance.ru
www.videogonok.ru
www.carpfishing.by
www.property-greek.com
www.domcons.ru

с 2009 года по сегодняшний день, создано более 300 сайтов...