Сборка приложения Cordova для iOS с помощью Parallels

В этой статье описывается, как создавать гибридные приложения с помощью Apache Cordova в Visual Studio и развертывать их в iOS с помощью Parallels. С помощью Parallels можно разрабатывать приложения Cordova только с помощью Mac. Для выполнения этих задач потребуется следующее.

• Xcode в OS X

• Node JS в OS X

• Windows 7 или 8+

• Parallels в OS X или аналогичное решение для создания виртуальных машин

• Установлена Visual Studio 2015 с инструментами Visual Studio Tools для Apache Cordova

Любой компьютер Mac, на котором можно запустить Mavericks или Yosemite, например MacBook Pro 2013, должен работать с Parallels и Visual Studio.

Настройка Parallels

Чтобы установить Parallels и Windows 8 на компьютере Mac, выполните инструкции в документации к Parallels. После установки Parallels и Windows 8 оцените, необходимо ли добавить для виртуальной машины дополнительную оперативную память и дополнительное дисковое пространство, так как значения по умолчанию могут не обеспечивать оптимальный уровень производительности. На рисунке ниже приведен пример настроек Parallels.

В протестированной нами среде виртуальной машине было предоставлено 2 ЦП и 3 ГБ ОЗУ из 8 ГБ на компьютере Mac. Таким способом удалось обеспечить хорошую производительность Windows, оставив при этом достаточно памяти для OS X.

Важно!

Cordova не предназначается для запуска из общих сетевых папок, а система Windows не позволит установить приложение Windows из общей папки.По этой причине необходимо снять флажок Общий профиль в конфигурации своей виртуальной машины (в результате ваша папка «Документы» находится в общей папке) или выбрать расположение для своего приложения, находящееся на диске, который является локальным для виртуальной машины.

Настройка Node.js с помощью remotebuild

Настроив и запустив Parallels, можно приступать к настройке компьютера Mac. Сначала нужно установить Node.js в OS X. Для этого выполните инструкции на сайте http://nodejs.org.

После установки Node.js получите агент remotebuild. Агент remotebuild позволяет среде Visual Studio взаимодействовать с OS X и использовать компьютер Mac в качестве службы сборки. Чтобы установить агент remotebuild, откройте приложение Terminal на компьютере Mac и введите следующую команду:

sudo npm install -g remotebuild

Предыдущая команда устанавливает агент remotebuild для всех пользователей Node.js на Mac, а также модуль taco-remote для разработки проектов Cordova. Если вы не хотите, чтобы другие пользователи могли работать с агентом remotebuild, уберите флажок –g из команды, чтобы установить агент только для текущего пользователя.

Важно!

Если Node.js выводит сообщения об ошибках, возможно, сначала нужно запустить Xcode и принять одно или несколько лицензионных соглашений.После этого выполните приведенную выше команду повторно.

Убедитесь в том, что Parallels работает. Установив агент remotebuild, запустите его. Для этого в приложении Terminal введите указанную ниже команду.

remotebuild

Примечание

По умолчанию сборки iOS находятся в папке ~/.taco_home/remote-builds/taco-remote/builds.

При первом запуске remotebuild агент запрашивает разрешение на установку некоторых дополнительных пакетов сторонних производителей с помощью диспетчера пакетов Homebrew.

Далее агент создает сертификаты безопасности, и вам будут представлены следующие сведения.

ПИН-код потребуется при настройке агента в Visual Studio. Агент remotebuild теперь настроен и работает. Оставьте приложение Terminal открытым.

Получение IP-адреса на компьютере Mac

Самый надежный способ подключения из Parallels к компьютеру Mac — воспользоваться одним из IP-адресов виртуального сетевого адаптера, так как обычно они не меняются при перезапуске. Чтобы узнать эти IP-адреса, в приложении Terminal введите следующую команду:

ifconfig

Результат будет похож на приведенный ниже.

Подойдет любой из IP-адресов виртуального сетевого адаптера. Когда агент remotebuild запущен и IP-адрес виртуального сетевого адаптера готов к использованию, можно открыть Visual Studio в Parallels и начать сборку на компьютере Mac.

Настройка Visual Studio для использования remotebuild

Открыв среду Visual Studio в Parallels, выберите в меню Сервис пункт Параметры. Откройте раздел Инструменты для Apache Cordova и выберите пункт Конфигурация удаленного агента. Внесите в параметры удаленного агента указанные ниже изменения.

• Для параметра Включить обработку удаленного iOS установите значение True.

• В поле Узел укажите один из полученных ранее IP-адресов виртуального сетевого адаптера.

• Для параметра Порт используйте значение по умолчанию, равное 3000.

• Задайте для параметра Безопасный режим значение True.

• В поле ПИН-код безопасности укажите ПИН-код, который был показан при первом запуске remotebuild.

Примечание

Если в диалоговом окне «Параметры» не отображаются инструменты для Apache Cordova, то вам может понадобится установить эти инструменты.В разделе «Программы и компоненты» найдите Visual Studio 2015 и выберите Изменить, а затем — Изменение, затем убедитесь, что выбраны кроссплатформенные инструменты для HTML/JavaScript (Apache Cordova).(Если инструменты уже установлены, попробуйте установить флажок Показать все параметры в нижней части диалогового окна "Параметры", если он имеется.)

Если срок действия ПИН-кода безопасности истек (по умолчанию 10 минут), может потребоваться создать сертификаты заново. Дополнительные сведения см. в разделе Создание нового ПИН-кода безопасности

Сборка проекта для iOS

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

В списке Платформы решения выберите iOS. Затем в списке "Цель отладки" выберите устройство, для которого нужно выполнить сборку, например Имитатор — iPhone 5.

Выбрав нужное устройство, нажмите на кнопку запуска отладки (зеленая стрелка вправо). Среда Visual Studio выполнит сборку проекта, передав задачи сборки iOS агенту remotebuild. По завершении сборки агент remotebuild запустит эмулятор и загрузит приложение.

Теперь у вас есть рабочая среда для разработки гибридных мобильных приложений для iOS с использованием Visual Studio и Parallels. Вы можете разрабатывать приложения Cordova и легко тестировать их в iOS.

При запуске последующих сеансов разработки агент remotebuild потребуется перезапустить. Как было описано выше, просто откройте приложение Terminal в OS X и введите следующую команду:

remotebuild

Желаем удачи в разработке собственных мобильных приложений!

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