Кордова - первое приложение

Мы разобрались, как установить Cordova и настроить для нее среду. Как только все будет готово, мы можем создать наше первое гибридное приложение Cordova.

Шаг 1 - Создание приложения

Откройте каталог, в который вы хотите установить приложение, в командной строке. Мы создадим его на рабочем столе.

C:\Users\username\Desktop>cordova 
   create CordovaProject io.cordova.hellocordova CordovaApp
  • CordovaProject - это имя каталога, в котором создано приложение.

  • 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 wp8
C:\Users\username\Desktop\CordovaProject>cordova platform add amazon-fireos
C:\Users\username\Desktop\CordovaProject>cordova platform add windows
C:\Users\username\Desktop\CordovaProject>cordova platform add blackberry10
C:\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 android

NOTE - Мы будем использовать Genymotion android emulatorтак как он быстрее и отзывчивее, чем стандартный. Вы можете найти эмулятор здесь . Вы также можете использовать реальное устройство для тестирования, включивUSB debuggingиз опций и подключив его к компьютеру через USB-кабель. Для некоторых устройств вам также потребуется установить драйвер USB.

Как только мы запустим приложение, оно установит его на указанной нами платформе. Если все будет выполнено без ошибок, на выходе должен отобразиться начальный экран приложения по умолчанию.

В нашем следующем руководстве мы покажем вам, как настроить приложение Cordova.