Share via

Доступ к собственному проекту Cordova

  • Статья

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

При создании приложения с помощью Visual Studio Tools для Apache Cordova Visual Studio вызывает интерфейс командной строки (CLI) Apache Cordova для создания приложения для указанного устройства или эмулятора. Результирующие пакеты доступны в папке bin в каталоге проекта Visual Studio.

Если необходимо получить доступ к собственному специфичному для платформы проекту, этот проект можно найти в папке platforms\платформа (например, platforms\android) для своего проекта Visual Studio. (Собственные проекты iOS не хранятся в этом расположении; см. раздел Доступ к собственному проекту Xcode.)

Если целевая платформа — Phone 8, встроенный проект, созданный Cordova для Windows Phone, представляет собой приложение Silverlight, которое выполняется в элементе управления WebView. При выборе Windows Phone (универсальная) в качестве целевой платформы созданный проект является собственным приложением Магазина Windows (пакет APPX) для Windows Phone 8.1.

Предупреждение

Никакие изменения, внесенные в собственный проект, не будут отражаться в проекте в Visual Studio.Содержимое папки platforms будет удалено в ходе операции очистки, выполняемой Visual Studio, например по команде Очистить решение.В некоторых случаях могут потребоваться собственные средства отладки.Дополнительные сведения об использовании ориентированного на платформу рабочего процесса и собственных проектов см.в этой статье.

Построение и отладка приложения с помощью собственного проекта

Если необходимо построить приложение с помощью собственного проекта или средств отладки, то сначала следует установить CLI Cordova. При построении для iOS воспользуйтесь рекомендациями из раздела Сборка приложения iOS с использованием собственного проекта.

Построение приложения с помощью собственного проекта

  1. Убедитесь, что установлены средства для Apache Cordova.

  2. Для установки Cordova CLI введите в командной строке следующую команду:

    npm install -g cordova@4.3.0

  3. Для выполнения команд CLI из командной строки перейдите в папку platforms и введите любую команду CLI.

    Теперь для собственного проекта можно запустить любую команду Cordova CLI. Дополнительные сведения о командах CLI см. в разделе Интерфейс командной строки в документации по Cordova.

  4. Если необходимо построить проекты с помощью Cordova CLI, то сначала добавьте платформу:

    cordova platform add <platform>

    Например, чтобы включить Android в набор проектов, подлежащих построению, введите cordova platform add android.

    Затем для построения всех проектов платформы выполните следующую команду:

    cordova build

    В папке platforms\платформа проекта будет создан полный собственный проект.

Доступ к собственному проекту Xcode (iOS)

В некоторых случаях может потребоваться получить доступ к созданному проекту Xcode для устранения проблемы с машинным кодом iOS. К счастью, доступ к проекту, используемому для построения приложения, можно получить очень быстро.

Доступ к собственному проекту Xcode, созданному с помощью vs-mda-remote

  1. Создайте приложение, используя цель «эмулятор iOS» или «устройство».

  2. После завершения построения перейдите в окно «Вывод» и выберите Показать выходные данные от: сборка.

    Окончательные записи вывода сборки должны выглядеть примерно следующим образом:

    1>  ** BUILD SUCCEEDED **
1>  
1>  Command finished with error code 0: /Users/<username>/remote-builds/builds/8382/cordovaApp/platforms/ios/cordova/build --debug

  3. На компьютере Mac перейдите в папку ios в пути, указанном в выходных данных сборки. В примере выше это /Users/<имя_пользователя>/remote-builds/builds/8382/cordovaApp/platforms/ios.

    Важно!

    При остановке агента vs-mda-remote сборка (включая созданный проект Xcode) будет удалена, если не запустить vs-mda-remote с помощью следующей команды: --deleteBuildsOnShutdown false.

  4. Дважды щелкните XCODEPROJ-файл в этой папке. Проект откроется в Xcode.

Построение приложения iOS с помощью собственного проекта Xcode

Так как приложение iOS в ОС Windows построить невозможно, то для построения iOS с помощью собственного проекта необходимо выполнить несколько дополнительных операций.

Построение приложения iOS

  1. На своем ПК Mac установите node.js.

  2. На своем ПК Mac установите Cordova CLI с помощью следующей команды:

    sudo npm install -g cordova@4.3.0

  3. Скопируйте содержимое проекта Visual Studio с компьютера ПК на компьютер Mac или извлеките его из системы управления версиями.

  4. С помощью приложения Terminal перейдите в папку, в которую было скопировано содержимое, и введите следующую команду:

    cordova platform add ios

    Теперь можно запустить любые другие команды Cordova CLI, например:

    cordova build ios

    или

    cordova emulate ios

    Дополнительные сведения о командах CLI см. в разделе Интерфейс командной строки в документации по Cordova.

Если дважды щелкнуть XCODEPROJ-файл в папке platforms\ios, проект откроется в Xcode.

Применение команды Cordova serve

Команда Cordova serve позволяет проверять структуру и основной CSS приложения на локальном веб-сервере. Это часто полезно делать перед этапом тестирования устройства.

Примечание

Данная версия не поддерживает приложение Adobe PhoneGap Developer из Visual Studio. Однако Cordova CLI поддерживает ту же команду serve, которая используется приложением PhoneGap Developer.

Запуск приложения на локальном веб-сервере с помощью собственного проекта

  1. Введите следующую команду из папки platforms в своем проекте Visual Studio, прежде чем использовать команду serve:

    cordova prepare <platform>

    Например, для приложения Android можно ввести команду cordova prepare android.

  2. Затем выполните следующую команду для запуска веб-сервера:

    cordova serve <platform>

    В результате выполнения этой команды будет выведен URL-адрес, который можно использовать для доступа к своему приложению.

  3. Откройте браузер и перейдите к указанному URL-адресу.

Предупреждение

Необходимо снова построить приложение для обновления его содержимого.

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

См. также

Основные понятия

Начало работы с Инструментами Visual Studio для Apache Cordova

Другие ресурсы

Вопросы и ответы