Развертывание и запуск приложения, созданного с помощью Visual Studio Tools для Apache Cordova

Статья
09/13/2015

В Visual Studio 2013 инструменты Cordova выпущены в виде предварительной (CTP) версии. Инструменты Cordova будут выпущены как часть Visual Studio 2015, и рекомендуется использовать Visual Studio 2015 RTM для разработки приложений с помощью инструментов Visual Studio для Apache Cordova. Visual Studio можно скачать из Центра загрузки Майкрософт.

Visual Studio позволяет создавать, разрабатывать и запускать приложение Apache Cordova на базе любой платформы: браузера, Android, iOS, Windows и Windows Phone. Благодаря этой статье вы сможете:

Выбрать целевую платформу в Visual Studio.
Ознакомиться с тем, как Visual Studio создает приложения для каждой платформы.

Инструкции для создания, развертывания и запуска приложения на базе определенной платформы см. в одной из следующих статей:

Кроме того, в этой статье содержатся сведения о процессе создания Cordova в Visual Studio.

Выбрать целевую платформу в Visual Studio.

Чтобы запустить приложение Cordova из Visual Studio, сначала нужно выбрать целевую платформу. При первом запуске после установки инструментов Visual Studio для Apache Cordova может потребоваться отображение списка платформ решения.

Для выбора целевой платформы

В Visual Studio выберите платформу в списке платформ решения. В следующем примере показано, что выбрана платформа Android.

Если список платформ решения не отображается, выберите Платформы решения в списке Добавить или удалить кнопки для его отображения.

Описание всех других операций, необходимых для запуска приложения, см. в разделах для платформ для Android, iOS, Windows и Windows Phone.

Процесс создания Cordova в Visual Studio

При создании и запуске приложения Cordova интерфейс командной строки Cordova (CLI) выполняет большую часть тяжелой работы для Visual Studio. Чтобы облегчить процесс установки подключаемых модулей машинного кода Cordova и управление ими, CLI использует PlugMan — еще одно средство командной строки. Для CLI требуется определенная структура папок, которая показана ниже. Большая часть этой структуры папок дублируется Visual Studio.

Cordova_VS_Project_Structure

Чтобы использовать CLI из проекта Visual Studio, Visual Studio использует предварительный обработчик CLI, который называется vs-tac, — это пакет Node.js (NPM-файл). При первом создании и запуске проекта, созданного с помощью Visual Studio Tools для Apache Cordova, vs-tac устанавливает Cordova, эмулятор Ripple и другие необходимые зависимости. Vs-tac принимает сборку, предварительно обрабатывает проект Visual Studio, выполняет указанную команду системы CLI Cordova и запускает (или эмулирует) приложение.

Cordova_VS_Build_Process

Во время сборки Visual Studio внедряет собственные пользовательские обработчики в проект, чтобы включить функции, которые CLI не поддерживает.

Visual Studio автоматизирует процесс добавления платформ (с помощью команды cordova platform add) и установки или удаления подключаемых модулей Cordova (с помощью команды cordova plugin add), основываясь на выборе пользователя в Visual Studio. Visual Studio использует CLI, чтобы разрабатывать приложения для выбранной конфигурации запрошенной платформы (например, cordova build android debug).

Проекты собственной платформы CLI и сам проект Cordova CLI невозможно изменить, поэтому не добавляйте эти проекты в свою систему управления версиями. Их обновление и изменение осуществляется в процессе сборки. Однако при необходимости вы можете использовать созданные проекты собственной платформы для экспорта копии проекта.

Ниже приведены некоторые сведения о процессе создания и развертывания для разных платформ.

Android

CLI поддерживает как создание, так и запуск приложений Android в Windows. Чтобы запустить приложение в эмуляторе Android, Visual Studio запускает команду CLI cordova emulate android. Эта команда выполняет развертывание приложения на уже запущенный эмулятор или, при отсутствии доступных эмуляторов, запускает последний созданный эмулятор. Чтобы запустить приложение на подключенном устройстве Android, Visual Studio запускает команду CLI cordova run android. Сведения о настройке устройства или эмулятора Android см. в разделе Запуск приложения Apache Cordova в Android.

iOS

Так как Windows не может напрямую создать приложение iOS, Visual Studio использует удаленный агент под названием remotebuild для создания и запуска приложения на удаленном компьютере Mac. (Можно осуществлять сборку локально в том случае, если Visual Studio используется на виртуальной машине Windows, установленной на компьютере Mac.) Чтобы создать приложение для iOS, vs-tac подготавливает проект CLI точно так же, как и на любой другой платформе, но для iOS содержимое затем перемещается через remotebuild на Mac. Удаленный агент распаковывает содержимое, добавляет платформу iOS (с помощью команды cordova platform add ios), компилирует приложение iOS (cordova prepare ios; cordova compile ios) и передает полученный пакет (IPA) обратно на хост-компьютер Windows. Инструкции по настройке remotebuild и размещению Visual Studio для сборки iOS см. в разделе Установка инструментов для iOS.

Чтобы запустить приложения на iOS, Visual Studio осуществляет сборку приложения с помощью remotebuild, а затем использует ios-sim для запуска симулятора на удаленном компьютере Mac. При запуске приложения на устройстве iOS, подключенном к Mac, remotebuild запускает приложение напрямую (должен быть установлен компонент HomeBrew ideviceinstaller). Если запустить приложение на устройстве iOS, подключенном к Windows, Visual Studio создаст и затем добавит приложение в iTunes, чтобы его можно было развернуть на вашем устройстве с компьютера с Windows.

Windows и Windows Phone

При создании приложений для Windows 8.1, Windows Phone и Windows 10 Cordova создает приложение среды выполнения Windows (APPX). При создании приложений для Windows Phone 8 Cordova создает приложение Silverlight (XAP) WebView. Эти приложения запускаются так же, как собственный проект Windows 8 или Windows Phone 8 в Visual Studio. Дополнительные сведения см. в разделе Запуск приложения Apache Cordova в Windows и Запуск приложения Apache Cordova в Windows Phone.

Эмулятор Ripple

Чтобы максимально ускорить процесс создания Ripple, для разработки необходимого кода подключаемого модуля используется CLI, но в других случаях Visual Studio предоставляет веб-содержимое непосредственно (а не из созданного собственного проекта). При запуске приложения с помощью URL-адреса Ripple инициализируется эмулятор Ripple и запускается Chrome (например, https://localhost:4400/index.html?enableripple=cordova-3.0.0-Nexus7 для планшета Nexus7). Все параметры Chrome хранятся локально в экземпляре Visual Studio, чтобы они не влияли на обычную работу браузера. Дополнительные сведения см. в разделе Запуск приложения Apache Cordova в имитаторе Apache Ripple.

Загрузка средств Получить средства Visual Studio Tools для Apache Cordova или узнать больше