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


120

Документація на фонегап / кордова абсолютно жахлива. Все, що я намагаюся зробити, це встановити PhoneGap 3.0 в моєму середовищі Windows, але не маючи успіху.

Нижче наведені мої кроки та точки невдачі. Хтось може порадити рішення?

Відповідно до інструкції :

  1. Встановити Node.js (SUCCESSFUL)
  2. Від nodes.js: install -g cordova(Успішно)
  3. Додати платформу: cordova platform add wp8(НІЩО НЕ БУДЬ)
  4. Спробуйте за допомогою fonegap: phonegap install wp8(каталог проекту ERROR не вдалося знайти)

З " Посібника з платформи Windows Phone 8 "

  1. Встановити Windows SDK (SUCCESSFUL)
  2. "Завантажте та витягніть останню копію [PhoneGap. Ви будете працювати в підпапці lib \ windows-phone-8 \ wp8, lib \ windows-phone-8 \ wp7 містить версію Cordova Windwos Phone 7"

ХУХ?!?! В якому місці знаходиться каталог?!?! Отже, я знайшов незадокументований каталог fonegap, похований у 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

5
Я не міг погодитись більше, я просто розсердився 6 годин своїх вихідних, намагаючись зробити так, щоб він також працював. Я використовував це в минулому і налаштовувати його тоді було зовсім не важко, але "новий покращений" Спосіб роботи cli просто не працює з наданими інструкціями. Перша частина повідомляє вам про встановлення та використання команди fonegap, а потім переходите до розділу Android, і вона переходить на використання команди cordova. Який розчаровуючий хаос, я ніколи не розумів, як змусити його розпізнати платформу Android, хоча sdk був встановлений на моїй машині.
Jay13

7
Якість написання мене не так хвилює, як той факт, що документи ніколи не перевірені і просто помиляються.
Ерік Реппен

3
Здається також, що документація місцями суперечлива. На одній сторінці написано зробити це в один бік, а на іншій - це зовсім інший підхід! У мене було чудово, що частина розширення Phonegap моїх інструментів для розробників Android як кнопка (у Eclipse). Тепер, після оновлення ADT, його немає. Я запустив платформу phonegap додати андроїд і нічого не сталося, як вище з wp8. Чому ми не можемо просто завантажити його як поштовий індекс? Або використовувати git clone?
Брюс Уілтон

Я написав статтю, в якій подав покрокову інструкцію щодо встановлення фонегапу. Він пристосований до пристроїв Android, але єдиною різницею повинна бути частина Windows / Android SDK: kapitanh.blogspot.de/2014/02/native-android-apps-with.html
Kai Hartmann

Відповіді:


131

Після годин розчарування ... ось що я виявив.

  1. Ігноруйте документацію щодо встановлення та весь командний рядок, речі node.js (серйозно ви витратите на це години.
  2. Перейдіть до github і просто завантажте майстер PhoneGap .zip
  3. У цьому zip - файли проектів для віконного телефону тощо, платформи ... просто використовуйте ці шаблони.

Я не знаю, як такий простий процес може мати гірші документи. Це так, ніби це написали адвокати.


7
Використання документації дозволило б мати одну "глобальну" wwwпапку для всіх платформ.
Джастін Д.

3
Дякую за це, врятувало мені багато загострення, я впевнений. Також це чудовий ресурс для тих, хто налаштовує Phonegap для Android: посилання
Олівер Холмберг

Ти серйозно? Це реально? Я не знаю, чи бути справді сердитим чи дуже щасливим. Чи зможу я додавати плагіни і без командного рядка? І чи це все-таки справедливо для дуже різного Phonegap 3.0?
Wytze

Frigon ваш опис є відмінним, але ви повинні згадати, що createTemplates.bat повинен бути виконаний для генерації zip-файлів, які є тими, що потрібно скопіювати в папку шаблонів.
Гексод

Гексоду, не здається, що цей крок де-небудь задокументований, або, принаймні, зовсім не зрозумілий. Як можна собі уявити, починати на одній сторінці із запуску команди cordova, а потім переходити на іншу сторінку, яка говорить про використання fonegap, чи це в інший спосіб?, Дуже заплутано. Олівере, твій посилання чудовий, сторінка дуже чітка. Але я майже не помітив посилання. Я почав думати: "що є прекрасним ресурсом?" Тоді я натрапив на посилання і знайшов чудовий ресурс. З повагою я б запропонував, щоб все, від відмінного ресурсу до посилання, було посиланням, IMHO.
Брюс Уілтон

54

Я зіткнувся з тією ж проблемою і боровся протягом години, щоб пройти, читаючи документи та інші проблеми, про які повідомлялося в Stack Overflow, але я не знайшов відповіді на це. Отже, ось посібник з успішного запуску phonegap / cordova в Windows Machine.

Виконайте ці кроки

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

    C: \ Користувачі \ бінарний користувач \ AppData \ Роумінг \ npm \ cordova -> C: \ Користувачі \ бінарний користувач \ AppData \ Роумінг \ npm \ node_modules \ cordova \ bin \ cordova
    cordova@3.0.9 C: \ Користувачі \ бінарний користувач \ AppData \ Роумінг \ npm \ node_modules \ cordova
    ├── ncallbacks@1.0.0
    ├── відкритий@0.0.3
    ├── кольори@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, minimalist@0.0.2)
    ├── xcode@0.5.1 (node-uuid@1.3.3, pegjs@0.6.2)
    ├── glob@3.2.6 (nasledits@2.0.1, minimalatch@0.2.12)
    ├── plist@0.4.3 (xmlbuilder@0.4.2, xmldom@0.1.16)
    ├── tar@0.1.18 (nasledits@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)
    ├── запит@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 (method@0.0.1, fresh@0.1.0, range-parser@0.0.4, crc@0.2.0, cookie@0.0.4, command@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, кольори@0.6.0-1, бухгалтерський@0.3.2, запит@2.12.0, момент@1.7.2, експрес@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 видалити phonegap" під адміністратором і знову встановити його як свого користувача в такому випадку.
vicenteherrera

1
Зауважте, вам потрібно використовувати Node.js command promptне вбудований в Windows cmd.exe
завантаження

2
@gotnull Я другий ваш рух.
Джей Джей Джей

2
Коли я намагався використовувати командний рядок node.js, мені з’явилася помилка, яка спрямовувала мене на використання системного терміналу. Це для Node.js v0.10.26.
Джон Мейкон

Ця відповідь точно вказує, що є в офіційній інструкції, яка працює, але це не відповідає частині шаблонів wp8. Папку wp8, а також файл createTemplates.bat не можна знайти при встановленні cordova / phonegap з npm, що головним чином є питанням.
Матьє Харле

18

Ця відповідь вперше була розміщена тут: cordova / phonegap не робить андроїд-каталог

З випуском Cordova 3.3.0, схоже, команда PhoneGap намагається усунути плутанину в іменуванні. Документації оновлено, щоб рекомендувати людям cordovaзамість цього використовувати команду. Більше не використовуйте phonegapкоманду.

Ось новий посібник з установки для гарантованого безпроблемного налаштування:

  1. Встановіть Кордову (відтепер забудьте ім'я PhoneGap). Для ПК:

    C:> npm install -g cordova

  2. З командного рядка перейдіть до папки, в якій ви хочете створити свій проект, використовуючи:

    cordova створення привіт com.example.hello HelloWorld
    CD привіт

  3. Визначте ОС, яку потрібно підтримати, наприклад:

    Кордова платформа додати wp8

  4. Встановіть плагіни (якщо потрібно). Наприклад, ми хочемо наступного:

    модуль cordova додайте org.apache.cordova.device
    додаток cordova додайте org.apache.cordova.camera
    додаток cordova додайте org.apache.cordova.media-capture
    плагін cordova додати org.apache.cordova.media
    

  5. Нарешті, створіть додаток за допомогою:
    cordova build wp8

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


1
Крім того, чи спрацювала команда build? Я можу створювати в Visual Studio, але не з командного рядка. Помилка: D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified.Не впевнений, який файл шукає.
атлантис

1
У рядку 56 ви знайдете Log("Command: " + command);коментарі. Відмітивши це, він роздрукується command, і ви дізнаєтеся, який файл шукаєте.
Едвард Греч

На кроці №2, я вважаю, що це повинно бути "cd hello", а не "cd HelloWorld".
Ярнал

6

Я зіткнувся і з цією ж помилкою. І я навіть спробував завантажити майстра PhoneGap з GitHub, але я дізнався, що я отримав - Phonegap 2.9. Зрештою мені довелося завантажити джерело Кордова 3

Виконайте ці кроки, щоб отримати його.

  1. Завантажте та розпакуйте Джерело Кордова 3
  2. Запустіть template.bat у папці cordova-wp8
  3. Скопіюйте згенеровані файли Zip у папку шаблонів Visual studio

4

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

Вимоги

  • Eclipse + плагін ADT
  • Android SDK Tool
  • Інструменти платформи Android
  • Найновіша папка ZIPGame 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 Збережіть правки. Закрийте діалогове вікно змінної середовища.

  5. Крім того, вам може знадобитися також включити% JAVA_HOME% \ bin у свій PATH. Щоб перевірити, чи потрібно це, запустіть командний рядок і введіть java. Якщо програму не вдалося знайти, додайте% JAVA_HOME% \ bin в PATH. Можливо, вам потрібно буде вказати повний шлях замість використання змінної середовища% JAVA_HOME%.
  6. Нарешті, вам може знадобитися також включити% ANT_HOME% \ bin у свій PATH. Щоб перевірити, чи потрібно це, запустіть командний рядок і введіть ant. Якщо програму неможливо знайти, додайте% ANT_HOME% \ bin в PATH. Можливо, вам потрібно буде вказати повний шлях замість використання змінної середовища% ANT_HOME%. Налаштування нового проекту

Відкрийте командний рядок, перейдіть до каталогу бін у підпапці Android на дистрибутиві Кордова.

Введіть: ./create

Потім натисніть Enter.Launch Eclipse. У пункті меню Файл і виберіть Імпорт…

Імпорт Виберіть "Існуючий код Android у робочу область" та натисніть "Далі>".

Перегляньте проект, створений за допомогою командного рядка. І натисніть "Готово". Розгортання в емуляторі Зсередини Eclipse натисніть цю піктограму панелі інструментів.

Після відкриття менеджер SDK для Android відображає різні бібліотеки часу виконання. Встановіть API відповідно до вимог. Зсередини Eclipse натисніть цю піктограму панелі інструментів.

Виберіть і визначте пристрій зі списку, який постачається. (У поточному списку є лише один елемент.) Натисніть кнопку Створити… у верхньому вікні, щоб створити новий віртуальний пристрій 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 ІНСТРУМЕНТ COMMAND ПРОМТ введіть тут опис зображення


Привіт, Маєр. Я намагаюся з вашим вищевказаним методом. Я отримав помилку в платформі add. після того, як я введіть платформу cordova, додайте wp8. виникає наступна помилка Помилка: Не вдалося знайти "check_reqs.js" у папці "Бін",
перервавши

@mayur - теж не працює для мене. Я отримую "cordova" не визнається, bla, bla, blah. Я вважаю, що проблема траєкторії. Але де кордова?
schmidlop

1

Я знайшов цю багатокористувацьку гібридну програму для документації для візуальної студії для CTP1.1 Останнє оновлення: 29 травня 2014 року .

Частина вмісту документації полягає в наступному.

Цей випуск підтримує створення програм для таких цілей пристрою :

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

Вимоги: Windows 8.1

Visual Studio 2013 Update 2 - Professional, Ultimate або Premium із встановленими додатковими функціями:

Інструменти для підтримки додатків магазину для Windows 8 Windows Phone 8.0 SDK

Додаткові системні вимоги залежать від платформи пристрою:

Емулятор Android найкраще працює на ПК, здатних встановити драйвер Intel HAXM

У Windows Phone 8 для запуску емулятора для iOS використовується ПК із підтримкою Hyper-V, а для використання iOS Simulator потрібен Mac, здатний працювати з Xcode 5.1

Залежності від третіх сторін:

Joyent Node.js - Дозволяє Visual Studio інтегруватися з інтерфейсом командного рядка Apache Cordova (CLI) і Apache Ripple ™ Emulator Git CLI - Необхідно лише в тому випадку, якщо вам потрібно вручну додати URI-адреси git для плагінів

Google Chrome - необхідний для запуску емулятора Apache Ripple для iOS та Android

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

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

Android SDK - необхідний як залежність від процесу збирання Android та Ripple

SQLLite for Windows Runtime - потрібно додати підключення SQL до програм Windows (для плагіна WebSQL Polyfill)

Apple iTunes - необхідний для розгортання програми на пристрої iOS, підключеному до ПК з Windows

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


0

Запуск CMD як адміністратора в Windows змусив мене зайти, і я думаю, що це має лише ідеальний сенс, тому що люди насправді ніколи не намагаються встановити свої речі в користувацький каталог. Отже, коли ви встановлюєте node.js в каталог Windows, а потім намагаєтесь встановити PhoneGap на непоширеному CMD, це важко встановить змінні шляху.


0

У мене була така ж проблема. Я втратив години, потім побачив, що встановлена ​​версія node.js була 0,8. Але я завантажив і встановив версію 0.10 з сайту node.js.

Я знову завантажив і встановив, і тепер версія 0,10. Результат: PhoneGap успішно встановлено з цією версією.


0

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

Це посилання пропонує покроковий метод створення програми Phonegap для Android із використанням windows, html та javascript.


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.