Кордова - первое приложение
Мы разобрались, как установить Cordova и настроить для нее среду. Как только все будет готово, мы можем создать наше первое гибридное приложение Cordova.
Шаг 1 - Создание приложения
Откройте каталог, в который вы хотите установить приложение, в командной строке. Мы создадим его на рабочем столе.
C:\Users\username\Desktop>cordova
create CordovaProject io.cordova.hellocordova CordovaAppCordovaProject - это имя каталога, в котором создано приложение.
io.cordova.hellocordova- значение обратного домена по умолчанию. Если возможно, вам следует использовать значение вашего собственного домена.
CordovaApp это название вашего приложения.
Шаг 2 - Добавление платформ
Вам нужно открыть каталог вашего проекта в командной строке. В нашем примере этоCordovaProject. Вы должны выбирать только те платформы, которые вам нужны. Чтобы иметь возможность использовать указанную платформу, вам необходимо установить SDK для конкретной платформы. Поскольку мы разрабатываем для Windows, мы можем использовать следующие платформы. Мы уже установили Android SDK, поэтому для этого урока мы установим только платформу Android.
C:\Users\username\Desktop\CordovaProject>cordova platform add androidЕсть и другие платформы, которые можно использовать в ОС Windows.
C:\Users\username\Desktop\CordovaProject>cordova platform add wp8C:\Users\username\Desktop\CordovaProject>cordova platform add amazon-fireosC:\Users\username\Desktop\CordovaProject>cordova platform add windowsC:\Users\username\Desktop\CordovaProject>cordova platform add blackberry10C:\Users\username\Desktop\CordovaProject>cordova platform add firefoxosЕсли вы разрабатываете на Mac, вы можете использовать -
$ cordova platform add IOS$ cordova platform add amazon-fireos$ cordova platform add android$ cordova platform add blackberry10$ cordova platform add firefoxosВы также можете удалить платформу из своего проекта, используя -
C:\Users\username\Desktop\CordovaProject>cordova platform rm androidШаг 3 - Сборка и запуск
На этом этапе мы создадим приложение для указанной платформы, чтобы мы могли запускать его на мобильном устройстве или эмуляторе.
C:\Users\username\Desktop\CordovaProject>cordova build androidТеперь мы можем запустить наше приложение. Если вы используете эмулятор по умолчанию, вы должны использовать -
C:\Users\username\Desktop\CordovaProject>cordova emulate androidЕсли вы хотите использовать внешний эмулятор или реальное устройство, вы должны использовать -
C:\Users\username\Desktop\CordovaProject>cordova run androidNOTE - Мы будем использовать Genymotion android emulatorтак как он быстрее и отзывчивее, чем стандартный. Вы можете найти эмулятор здесь . Вы также можете использовать реальное устройство для тестирования, включивUSB debuggingиз опций и подключив его к компьютеру через USB-кабель. Для некоторых устройств вам также потребуется установить драйвер USB.
Как только мы запустим приложение, оно установит его на указанной нами платформе. Если все будет выполнено без ошибок, на выходе должен отобразиться начальный экран приложения по умолчанию.
В нашем следующем руководстве мы покажем вам, как настроить приложение Cordova.