Phonegap Cordova установка Windows


120

Документация для phonegap / cordova абсолютно ужасна. Все, что я пытаюсь сделать, это установить PhoneGap 3.0 в свою среду Windows, но безуспешно.

Ниже приведены мои шаги и точки отказа. Кто-нибудь может посоветовать решения?

По инструкции :

  1. Установите Node.js (УСПЕШНО)
  2. Из nodes.js: install -g cordova(УСПЕШНО)
  3. Добавить платформу: cordova platform add wp8(НИЧЕГО НЕ ПРОИСХОДИТ)
  4. Попробуйте использовать телефонную связь: phonegap install wp8(каталог проекта ERROR не найден)

Из « Руководства по платформе Windows Phone 8 »

  1. Установить Windows SDK (УСПЕШНО)
  2. «Загрузите и извлеките последнюю копию [PhoneGap. Вы будете работать в подпапке lib \ windows-phone-8 \ wp8, lib \ windows-phone-8 \ wp7 содержит версию Cordova для Windwos Phone 7»

Да?!?! В каком месте находится каталог?!?! Итак, я нашел недокументированный каталог телефонных разговоров, спрятанный в AppData \ Local ... и там ЕСТЬ каталог libs, но, конечно же, нет вложенных папок WP8. Откуда бы это установить? Предположительно указанная выше команда добавления платформы, но добавление, которое просто возвращает меня в новую командную строку.

Пробовал использовать команду phonegap: phonegap plaform add wp8

ОШИБКА - «Платформа добавляет wp8» не является узлом.

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


В нем упоминается, что вам нужно создать приложение cordova create hello com.example.hello HelloWorldв каталоге, в котором вы хотите разместить код, а затем запустить его cordova platform add wp8в каталоге проекта, который вы только что создали.
dfockler 03

5
Я не мог согласиться с этим, я просто просрал 6 часов своих выходных, пытаясь заставить его тоже работать. Я использовал его в прошлом, и настроить его тогда было совсем несложно, кроме `` нового улучшения '' cli просто не работает с предоставленными инструкциями. Первая часть говорит вам установить и использовать команду phonegap, а затем вы перейдете в раздел Android, и он переключится на использование команды cordova. Какой ужасный беспорядок, я так и не понял, как заставить его распознавать платформу Android, даже если SDK был установлен на моей машине.
Jay13

7
Меня не так сильно беспокоит качество написания, как то, что документы, похоже, никогда не тестировались и просто ошибочны.
Эрик Реппен

3
Похоже, что документация местами противоречива. На одной странице говорится, что нужно делать это одним способом, а на другой - совершенно другой подход! У меня было неплохо с частью расширения Phonegap в моих инструментах разработчика Android в виде кнопки (в Eclipse). Теперь, после обновления ADT, его больше нет. Я запустил платформу phonegap add android и ничего подобного не произошло с wp8. Почему мы не можем просто загрузить его в виде zip-архива? Или использовать git clone?
Брюс Уилтон,

Я написал статью с пошаговой инструкцией по установке телефонной связи. Он адаптирован для устройств Android, но единственная разница должна заключаться в части SDK для Windows / Android: kapitanh.blogspot.de/2014/02/native-android-apps-with.html
Кай Хартманн,

Ответы:


131

После нескольких часов разочарования ... вот что я обнаружил.

  1. Игнорируйте документацию по установке и всю командную строку, все про node.js (серьезно, вы потратите на это часы.
  2. Зайдите на github и просто скачайте мастер PhoneGap .zip.
  3. В этом zip-архиве находятся файлы проекта для оконного телефона и т. Д. Платформы ... просто используйте эти шаблоны.

Я не знаю, как такой простой процесс мог иметь худшую документацию. Это как будто написали юристы.


7
Использование документации позволило бы создать одну «глобальную» wwwпапку для всех платформ.
Джастин Д.

3
Спасибо за это, я уверена, что избавил меня от множества обострений. Кроме того, это отличный ресурс для тех, кто настраивает Phonegap для Android: ссылка
Оливер Холмберг

Ты серьезно? Это по-настоящему? Я не знаю, действительно ли злиться или очень радоваться. Смогу ли я добавлять плагины без командной строки? И действительно ли это по-прежнему для совершенно другого Phonegap 3.0?
Wytze

Frigon, ваше описание отличное, но вы должны упомянуть, что createTemplates.bat должен быть запущен для создания zip-файлов, которые нужно скопировать в папку шаблонов.
Hexodus

Hexodus, похоже, этот шаг нигде не задокументирован, или, по крайней мере, он не очень понятен. Как вы можете себе представить, начать с одной страницы с помощью команды cordova, а затем перейти на другую страницу, которая говорит, что использовать телефонную связь, или это наоборот? - очень сбивает с толку. Оливер, у тебя отличная ссылка, страница очень четкая. Но я почти не просмотрел ссылку. Я начал думать: "А что такое отличный ресурс?" Потом наткнулся на ссылку и нашел отличный ресурс. С уважением, я предлагаю, чтобы все, от отличного ресурса до ссылки, было ссылкой, ИМХО.
Брюс Уилтон,

54

Я столкнулся с той же проблемой и в течение часа изо всех сил пытался пройти, читая документы и другие проблемы, указанные в Stack Overflow, но я не нашел на него ответа. Итак, вот руководство по успешному запуску телефонного разговора / кордовы в Windows Machine.

Следуй этим шагам

  1. Загрузите и установите node.js с http://nodejs.org/
  2. Запустите команду npm install -g phonegap(в случае установки телефонного разговора) или запустите команду npm install -g cordova(в случае установки Cordova).
  3. По завершении установки вы можете заметить следующее:

    C: \ Users \ binaryuser \ AppData \ Roaming \ npm \ cordova -> C: \ Users \ binaryuser \ AppData \ Roaming \ npm \ node_modules \ cordova \ bin \ cordova
    cordova@3.0.9 C: \ Users \ binaryuser \ AppData \ Roaming \ npm \ node_modules \ cordova
    ├── ncallbacks@1.0.0
    ├── open@0.0.3
    ├── colors@0.6.2
    ├── semver@1.1.0
    ├── shelljs@0.1.2
    ├── follow-redirects@0.0.3 (underscore@1.5.2)
    ├── elementtree@0.1.3 (sax@0.3.5)
    ├── optimist@0.6.0 (wordwrap@0.0.2, minimist@0.0.2)
    ├── xcode@0.5.1 (node-uuid@1.3.3, pegjs@0.6.2)
    ├── glob@3.2.6 (наследуется@2.0.1, minimatch@0.2.12)
    ├── plist@0.4.3 (xmlbuilder@0.4.2, xmldom@0.1.16)
    ├── tar@0.1.18 (наследуется@2.0.1, block-stream@0.0.7, fstream@0.1.24)
    ├── prompt@0.2.7 (revalidator@0.1.5, pkginfo@0.3.0, read@1.0.5, utile@0.1.7, winston@0.6.2)
    ├── request@2.22.0 (json-stringify-safe@4.0.0, aws-sign@0.3.0, qs@0.6.5, oauth-sign@0.3.0, forever-agent@0.5.0, cookie -jar@0.3.0, tunnel-agent@0.3.0, mime@1.2.11, node-uuid@1.4.1, http-signature@0.10.0, hawk@0.13.1, form-data@0.0.8 )
    ├── express@3.0.0 (methods@0.0.1, fresh@0.1.0, range-parser@0.0.4, crc@0.2.0, cookie@0.0.4, commander@0.6.1, debug@0.7 .2, mkdirp@0.3.3, send@0.1.0, connect@2.6.0)
    ├── ripple-emulator@0.9.18 (connect-xcors@0.5.2, colors@0.6.0-1, Accounting@0.3.2, request@2.12.0, moment@1.7.2, express@3.1.0 )
    ├── npm@1.3.11
    └── plugman@0.11.0 (ncallbacks@1.1.0, osenv@0.0.3, bplist-parser@0.0.4, underscore@1.4.4, semver@2.0.11, dep-graph@1.1.0, elementtree @ 0.1.5, xcode@0.6.1, nopt@1.0.10, rc@0.3.0, tar.gz@0.1.1, npm@1.3.4)
    
  4. Обратите внимание на строку выше, вы можете увидеть путь, по которому упоминается файл. Скопируйте этот путь. В моем случае C:\Users\binaryuser\AppData\Roaming\npm\cordovaтак используйте cd C:\Users\binaryuser\AppData\Roaming\npm\и наберите cordova. Вот оно, наконец-то работает.

  5. Поскольку -gзначение ключа не работает, вы установили путь к переменным среды:
    1. Нажмите Win+ Pause|Breakили щелкните правой кнопкой мыши Computerи выберите Properties.
    2. Щелкните Advanced system settingsслева.
    3. Щелкните Environment Variablesпод Advancedвкладкой.
    4. Выберите PATHпеременную и щелкните Edit.
    5. Скопируйте указанный выше путь в поле значения и нажмите OK.

7
Также обратите внимание, что если вы устанавливаете node.js как администратор, а ваш пользователь имеет ограниченные права в Active Directory, вы должны запустить «npm install -g phonegap» как ваш пользователь, а не как администратор, иначе файлы будут созданы под администратором. перемещаемую папку, и ваш пользователь не будет иметь к ним доступа. Вы можете "npm uninstall phonegap" от имени администратора и снова установить как ваш пользователь в этом случае.
Vicenteherrera

1
Обратите внимание: вам нужно использовать Node.js command prompt, а не встроенный в Windows cmd.exe
загружено

2
@gotnull Я поддерживаю ваше предложение.
Jay Jay Jay

2
Когда я попытался использовать командную строку node.js, мне выдали ошибку, которая побудила меня использовать системный терминал. Это для Node.js v0.10.26.
Джон Мейкон

Этот ответ точно указывает, что находится в официальных инструкциях, которые работают, но не отвечают на часть шаблонов wp8. Папка wp8 и файл createTemplates.bat не могут быть найдены при установке cordova / phonegap с помощью npm, что в основном является предметом вопроса.
Matthieu Harlé

18

Этот ответ был впервые опубликован здесь: cordova / phonegap не создает каталог Android

С выпуском Cordova 3.3.0, похоже, команда PhoneGap пытается решить проблему с именами. Документация была обновлена, чтобы рекомендовать людям использовать эту cordovaкоманду вместо этого. Больше не используйте phonegapкоманду.

Вот новое руководство по установке для гарантированной безотказной настройки:

  1. Установите Cordova (с этого момента забудьте название PhoneGap). Для ПК:

    C:> npm install -g cordova

  2. В командной строке перейдите в папку, в которой вы хотите создать свой проект, используя:

    Кордова создать привет com.example.hello HelloWorld
    cd привет

  3. Определите ОС, которую вы хотите поддерживать, например:

    платформа Cordova добавить WP8

  4. Установите плагины (при необходимости). Например, нам нужно следующее:

    плагин cordova добавить org.apache.cordova.device
    плагин cordova добавить org.apache.cordova.camera
    плагин cordova добавить org.apache.cordova.media-capture
    плагин cordova добавить org.apache.cordova.media
    

  5. Наконец, сгенерируйте приложение, используя:
    Кордова сборка wp8

Вот ссылка на документацию PhoneGap Cordova 3.3.0 http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface


1
Кроме того, у вас заработала команда сборки? Я могу создавать в Visual Studio, но не из командной строки. Ошибка: D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified.не знаю, какой файл ищет.
atlantis

1
В строке 56 вы найдете Log("Command: " + command);комментарии. Если раскомментировать его, он будет распечатан command, и вы будете знать, какой файл он ищет.
Эдвард Греч

На шаге № 2 я считаю, что это должно быть «cd hello» вместо «cd HelloWorld».
Jarnal

6

Я тоже столкнулся с этой же ошибкой. И я даже попытался загрузить мастер PhoneGap с GitHub, но обнаружил, что получил Phonegap 2.9. В конце концов мне пришлось скачать Cordova 3 Source

Выполните следующие действия, чтобы получить его.

  1. Загрузите и разархивируйте Cordova 3 Source
  2. Запустите template.bat в папке cordova-wp8
  3. Скопируйте сгенерированные Zip-файлы в папку шаблонов Visual Studio.

4

Установка Phonegap Cordova в Windows

Требования

  • Плагин Eclipse + ADT
  • Инструмент Android SDK
  • Инструменты платформы Android
  • Последняя zip-папка PhoneGap. Извлеките его содержимое.

Поддерживаемые устройства Android

Android 2.2 Android 2.3 Android 4.x Phonegap Cordova Установка

Установить переменную среды PATH для Android

  1. На рабочем столе щелкните правой кнопкой мыши «Мой компьютер» и выберите «Свойства».

  2. Щелкните ссылку Дополнительные параметры системы в левом столбце.

  3. В окне свойств системы нажмите кнопку переменных среды.

  4. Выберите переменную PATH в разделе Системные переменные. Нажмите кнопку "Изменить". Вам необходимо добавить путь к каталогу инструментов и инструментов платформы Android SDK. Например: D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ platform-tools; D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ tools Сохраните ваш Edit. Закройте диалоговое окно «Переменная среды».

  5. Кроме того, вам может потребоваться включить% JAVA_HOME% \ bin в ваш PATH. Чтобы проверить, требуется ли это, запустите командную строку и введите java. Если программа не может быть найдена, добавьте% JAVA_HOME% \ bin в PATH. Возможно, вам потребуется указать полный путь вместо использования переменной среды% JAVA_HOME%.
  6. Наконец, вам может потребоваться включить% ANT_HOME% \ bin в ваш PATH. Чтобы проверить, требуется ли это, запустите командную строку и введите ant. Если программа не может быть найдена, добавьте% ANT_HOME% \ bin в PATH. Возможно, вам потребуется указать полный путь вместо использования переменной среды% ANT_HOME%. Создать новый проект

Откройте командную строку, перейдите в каталог bin в подпапке android дистрибутива Cordova.

Введите: ./create

Затем нажмите Enter и запустите Eclipse. В пункте меню "Файл" выберите "Импорт…"

Импорт Выберите «Существующий код Android в рабочую область» и нажмите «Далее>».

Просмотрите проект, созданный через командную строку. И нажмите «Готово». Развертывание в эмуляторе Из Eclipse нажмите этот значок на панели инструментов.

После открытия Android SDK Manager отображает различные библиотеки времени выполнения. Установите API в соответствии с требованиями отсюда. В Eclipse нажмите этот значок на панели инструментов.

Выберите и определение устройства из появившегося списка. (В текущем списке только один элемент.) Нажмите New… в окне выше, чтобы создать новое виртуальное устройство Android (AVD) и использовать его для запуска проекта.

Чтобы открыть эмулятор как отдельное приложение, выберите AVD и нажмите «Пуск». Он запускается так же, как и на устройстве, с дополнительными элементами управления, доступными для аппаратных кнопок:

Развернуть на устройство:

Убедитесь, что на вашем устройстве включена отладка по USB, и подключите его к своей системе. Щелкните правой кнопкой мыши проект и выберите «Запуск от имени»> «Приложение для Android».

Читать далее ...


2

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

npm install -g phonegap

и он успешно установлен.

Затем в каталоге, где он установлен, я открыл cmd и запустил команду phonegap, и она работала нормально. Теперь поиграем с ним еще :)

Спасибо друзьям за всю эту помощь.


2

В C:\phonegap-2.9.0\lib\windows-phone-8 there'sпакетном файле с именем createTemplates.bat. Вам необходимо выполнить этот файл, который создаст CordovaWP8_2_9_0.zipфайл, указанный в их документации.


Я не могу найти этот командный файл для phonegap-3.3.0. На самом деле я не могу найти папку windows-phone-8. Есть идеи, что я делаю неправильно?
MysticMagicϡ

1

У меня была такая же проблема, но, наконец, я добился успеха, сделав это, пожалуйста, бросьте это изображение Plase Выполните все команды в PHONE TOOL COMMAND PROMPT введите описание изображения здесь


Привет, Маюр. Я пробую с вашим методом выше. Я получил ошибку при добавлении платформы. после того, как я наберу Cordova Platform, добавьте wp8. возникает следующая ошибка Ошибка: не удалось найти 'check_reqs.js' в папке 'bin', прерывание ...
Гурунатан

@mayur - у меня тоже не работает. У меня "кордова" не распознается, бла-бла-бла. Полагаю, проблема с путями. Но где кордова?
schmidlop

1

Я нашел этот Multi-Device Гибрид Apps для визуальной документации для студии CTP1.1 Последнее обновление: 29 мая 2014 года .

Некоторое содержание документации выглядит следующим образом.

Этот выпуск поддерживает создание приложений для следующих устройств :

Android 4+ (4.4 для оптимального взаимодействия с разработчиками) iOS 6 и 7 Windows 8.0 (Магазин) Windows Phone 8.0

Требования: Windows 8.1

Visual Studio 2013 с обновлением 2 - Professional, Ultimate или Premium со следующими установленными дополнительными функциями:

Инструменты для поддержки приложений из магазина для Windows 8 Windows Phone 8.0 SDK

Дополнительные системные требования зависят от платформы устройства:

Эмулятор Android лучше всего работает с ПК, на которых можно установить драйвер Intel HAXM.

Windows Phone 8 требует ПК с поддержкой Hyper-V для запуска Emulator Building для iOS, а для использования iOS Simulator требуется Mac, поддерживающий Xcode 5.1.

Сторонние зависимости:

Joyent Node.js - позволяет Visual Studio интегрироваться с интерфейсом командной строки (CLI) Apache Cordova и эмулятором Apache Ripple ™ Git CLI - требуется только в том случае, если вам нужно вручную добавить Git URI для подключаемых модулей.

Google Chrome - требуется для запуска эмулятора Apache Ripple для iOS и Android.

Apache Ant 1.8.0+ - требуется как зависимость для процесса сборки Android.

Oracle Java JDK 7 - требуется как зависимость для процесса сборки Android

Android SDK - требуется как зависимость для процесса сборки Android и Ripple.

SQLLite для среды выполнения Windows - требуется для добавления возможности подключения SQL к приложениям Windows (для подключаемого модуля WebSQL Polyfill)

Apple iTunes - требуется для развертывания приложения на устройстве iOS, подключенном к вашему ПК с Windows.

введите описание изображения здесь


0

Запуск CMD от имени администратора в Windows подтолкнул меня, и я думаю, что это имеет смысл только потому, что люди на самом деле никогда не пытаются установить свои вещи в настраиваемый каталог. Поэтому, когда вы устанавливаете node.js в каталог Windows, а затем пытаетесь установить PhoneGap на Unelevated CMD, ему сложно установить переменные пути.


0

У меня такая же проблема. Я потерял часы, а затем увидел, что установлена ​​версия node.js 0.8. Но я скачал и установил версию 0.10 с сайта node.js.

Я скачал и установил снова, теперь версия 0.10. Результат: PhoneGap успешно установлен с этой версией.


0

Телефонный разговор может быть немного сложным для новичков. Я потратил много времени, пытаясь найти оптимальный способ создания надежного приложения для Android, которое могло бы получить доступ к встроенным функциям телефона.

Эта ссылка предоставляет пошаговый метод создания приложения для Android Phonegap с использованием окон, HTML и JavaScript.


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.