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

  • Роман Чернышов 18.09.2016 в 2:47 дп

    Хороший плагин для работы с картинками https://github.com/PurpleMADcanada/Wallpaper-PhoneGap-Plugin

  • Роман Чернышов 19.09.2016 в 2:16 дп

    Генерация иконок для приложения https://github.com/AlexDisler/cordova-icon

  • Роман Чернышов 19.09.2016 в 4:24 дп

    zipalign -v 4 name_of_current.apk name_of_wanted.apk

  • Роман Чернышов 19.09.2016 в 5:48 пп

    Генерим иконки онлайн https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

  • Роман Чернышов 20.09.2016 в 2:16 дп

    Обфуцируем http://www.javascriptobfuscator.com/Javascript-Obfuscator.aspx
    https://habrahabr.ru/post/112530/

  • Роман Чернышов 20.09.2016 в 3:37 дп

    AdMob
    https://github.com/floatinghotpot/cordova-plugin-admob
    https://github.com/floatinghotpot/cordova-plugin-admob/blob/master/test/index.html
    https://github.com/floatinghotpot/cordova-admob-pro

  • Роман Чернышов 20.09.2016 в 3:57 дп

    где искать приложение?
    //play.google.com/store/apps/details?id=название_ru.nameapp

  • Роман Чернышов 20.09.2016 в 3:58 дп

    кнопка Google Play //play.google.com/intl/en_us/badges/

  • Роман Чернышов 20.09.2016 в 3:49 пп

    Пишем плагин для Cordova http://trykov.ru/pishem-plagin-dlya-cordova/

  • Роман Чернышов 21.09.2016 в 3:26 дп

    Еще один икон генератор http://icon.angrymarmot.org/index.html#044910e2f8be44833c87

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

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

Последние вопросы
Меню

Archive

Портфолио Все работы


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