Phonegap Cordova kurulum Windows


120

Phonegap / cordova dokümantasyonu kesinlikle korkunç. Tek yapmaya çalıştığım, PhoneGap 3.0'ı Windows ortamıma kurmak, ancak başarılı olamıyorum.

Adımlarım ve başarısızlık noktalarım aşağıdadır. Çözümler konusunda tavsiyede bulunan var mı?

Talimatlara göre :

  1. Node.js'yi yükleyin (BAŞARILI)
  2. Nodes.js'den: install -g cordova(BAŞARILI)
  3. Platform Ekle: cordova platform add wp8(HİÇBİR ŞEY OLMAZ)
  4. Phonegap ile deneyin: phonegap install wp8(ERROR proje dizini bulunamadı)

" Windows Phone 8 platform kılavuzundan "

  1. Windows SDK'yı (BAŞARILI) yükleyin
  2. "[PhoneGap'in en son kopyasını indirin ve çıkarın. Lib \ windows-phone-8 \ wp8 alt klasöründe çalışacaksınız, lib \ windows-phone-8 \ wp7, Cordova'nın Windwos Phone 7 sürümünü içerir"

BU NE?!?! Dizin hangi konumda?!?! Bu yüzden, AppData \ Local'da gömülü olan belgelenmemiş telefon aralığı dizinini buldum ... ve bir libs dizini var ama kesinlikle WP8 alt klasörleri YOKTUR. Bunu nereden kurabilirim? Muhtemelen yukarıdaki platform ekle komutu, ancak bu beni yeni bir komut istemine döndürür.

Phonegap komutu kullanılarak denendi: phonegap plaform add wp8

HATA - 'platform wp8 ekle "bir düğüm değil.

Açık kaynağını anlıyorum ama bu acımasız spagetti referans dokümantasyonu. Herhangi biri WP8 için 3.0'ı başarıyla yükleyebildiyse herhangi bir işaretçi yardımcı olacaktır.


Uygulamayı cordova create hello com.example.hello HelloWorldkodun içinde olmasını istediğiniz dizinde oluşturmanız ve ardından cordova platform add wp8yeni oluşturduğunuz proje dizininde çalıştırmanız gerektiğini belirtir.
dfockler

5
Daha fazla katılamadım, sadece hafta sonumun 6 saatini de işe yaramaya çalışırken kızdırdım.Geçmişte kullandım ve kurulumu hiç de zor değildi ama 'yeni geliştirilmiş' cli bir şeyler yapmanın yolu verilen talimatlarla çalışmaz. İlk bölüm size phonegap komutunu kurup kullanmanızı söyler ve ardından android bölümüne geçersiniz ve cordova komutunu kullanmaya başlarsınız. Ne kadar sinir bozucu bir karmaşa, sdk makinemde kurulu olmasına rağmen android platformunu nasıl tanıyacağımı asla bulamadım.
Jay13

7
Yazıların kalitesi, belgelerin hiç test edilmemiş gibi görünmesi ve yanlış olması kadar beni rahatsız etmiyor.
Erik Reppen

3
Belgeleme yer yer çelişkili gibi görünüyor. Bir sayfada bunu bir şekilde yapmayı söylüyor, diğerinde ise tamamen farklı bir yaklaşımı anlatıyor! Android Geliştirici Araçlarımın Phonegap uzantısı kısmında bir düğme olarak (Eclipse'de) güzel şeyler yaşadım. Şimdi, ADT'yi yükselttikten sonra gitti. Phonegap platformunu android ekle çalıştırdım ve wp8 ile yukarıdaki gibi bir şey olmadı. Neden onu zip olarak indiremiyoruz? Veya git clone kullan?
Bruce Whealton

Phonegap'in nasıl kurulacağına dair adım adım talimat sağlayan bir makale yazdım. Android cihazlara uyarlanmıştır, ancak tek fark Windows / Android SDK kısmı olmalıdır: kapitanh.blogspot.de/2014/02/native-android-apps-with.html
Kai Hartmann

Yanıtlar:


131

Saatler süren hayal kırıklığından sonra ... işte keşfettiğim şey.

  1. Kurulum belgelerini ve tüm komut satırını, node.js öğelerini göz ardı edin (cidden bunun için saatler harcayacaksınız.
  2. Github'a gidin ve PhoneGap ana .zip dosyasını indirin.
  3. Bu zip içinde pencere telefonu vb. Platform için proje dosyaları vardır ... sadece bu şablonları kullanın.

Bu kadar kolay bir sürecin nasıl daha kötü belgelere sahip olabileceğini bilmiyorum. Sanki avukatlar tarafından yazılmış gibi.


7
Belgeleri kullanmak, wwwtüm platformlar için bir "genel" klasöre sahip olmanıza izin verirdi .
Justin D.

3
Bunun için teşekkürler, beni çok kızdırdı, eminim. Ayrıca, bu, Android için Phonegap'i kuran herkes için mükemmel bir kaynaktır: bağlantı
Oliver Holmberg

Ciddi misin? Bu gerçek mi? Gerçekten kızgın mı yoksa çok mu mutlu olacağımı bilmiyorum. Komut satırı olmadan da eklenti ekleyebilecek miyim? Ve bu çok farklı Phonegap 3.0 için hala geçerli mi?
Wytze

Frigon açıklamanız mükemmel, ancak createTemplates.bat'ın şablonlar klasörüne kopyalanacak şeyler olan zip dosyalarını oluşturmak için çalıştırılması gerektiğini belirtmelisiniz.
Hexodus

Hexodus, öyle görünüyor ki bu adım hiçbir yerde belgelenmemiş ya da en azından pek açık değil. Tahmin edebileceğiniz gibi, bir sayfada bir cordova komutunu çalıştırarak başlamak ve sonra başka bir sayfaya gitmek için phonegap kullan, yoksa başka bir yol mu?, Çok kafa karıştırıcı. Oliver, bağlantın harika, sayfa çok açık. Ama neredeyse bağlantıyı gözden kaçırdım. "Mükemmel bir kaynak nedir?" Diye düşünmeye başladım. Sonra bağlantıya rastladım ve mükemmel kaynağı buldum. Saygılarımla, mükemmel kaynaktan bağlantıya kadar her şeyin bağlantı olmasını öneririm, IMHO.
Bruce Whealton

54

Aynı sorunla karşılaştım ve Stack Overflow'da bildirilen belgeleri ve diğer sorunları okuyarak geçebilmek için bir saat uğraştım, ancak buna bir cevap bulamadım. Öyleyse, Windows Machine'de phonegap / cordova'yı başarıyla çalıştırma kılavuzu.

Bu adımları takip et

  1. Http://nodejs.org/ adresinden node.js dosyasını indirin ve yükleyin
  2. Komutu çalıştırın npm install -g phonegap(telefon boşluğu kurulumu durumunda) veya komutu çalıştırın npm install -g cordova(Cordova kurulumu durumunda).
  3. Kurulum tamamlandığında şunu fark edebilirsiniz:

    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
    ├── colours@0.6.2
    ├── semver@1.1.0
    ├── shelljs@0.1.2
    ├── follow-redirects@0.0.3 (alt çizgi@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 (miras@2.0.1, minimatch@0.2.12)
    ├── plist@0.4.3 (xmlbuilder@0.4.2, xmldom@0.1.16)
    ├── tar@0.1.18 (miras@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, çerez -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, commander@0.6.1, debug@0.7 .2, mkdirp@0.3.3, gönder@0.1.0, bağlantı@2.6.0)
    ├── ripple-emulator@0.9.18 (connect-xcors@0.5.2, colours@0.6.0-1, muhasebe@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, undercore@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. Dosyanın bahsedildiği yolun gördüğünüz yukarıdaki satıra dikkat edin. Bu yolu kopyalayın. Benim durumumda C:\Users\binaryuser\AppData\Roaming\npm\cordovaçok kullanım cd C:\Users\binaryuser\AppData\Roaming\npm\ve tip cordova. İşte orada, nihayet çalışıyor.

  5. Yana -ganahtar değeri çalışmıyor Eğer Ortam Değişkenleri yolunu belirledik:
    1. Win+ ' Pause|BreakYa basın veya sağ tıklayın Computerve seçin Properties.
    2. Advanced system settingsSol tarafa tıklayın .
    3. Click Environment Variablesaltında Advancedsekmesi.
    4. PATHDeğişkeni seçin ve tıklayın Edit.
    5. Yukarıda belirtilen yolu değer alanına kopyalayın ve tuşuna basın OK.

7
Ayrıca node.js'yi Yönetici olarak yüklerseniz ve kullanıcınız Active Directory altında sınırlı haklara sahipse, yönetici olarak değil, kullanıcınız olarak "npm install -g phonegap" komutunu çalıştırmanız gerektiğini, aksi takdirde dosyalar yöneticinin altında oluşturulacağını unutmayın. gezici klasör ve kullanıcınızın bunlara erişimi olmayacaktır. Yönetici altında "npm phonegap'i kaldırabilir" ve bu durumda tekrar kullanıcınız olarak yükleyebilirsiniz.
vicenteherrera

1
Not, kullanmak gerekir Node.js command prompt, Windows cmd.exe kurulmadı,
loadedion

2
@gotnull Hareketini ikinci oldum.
Jay Jay Jay

2
Node.js komut istemini kullanmaya çalıştığımda, sistem terminalini kullanmaya yönlendiren bir hata aldım. Bu, Node.js v0.10.26 içindir.
John Macon

Bu cevap, resmi talimatlarda tam olarak neyin işe yaradığını söyler, ancak bu wp8 şablonları kısmına cevap vermez. Wp8 klasörü veya createTemplates.bat dosyası, asıl sorunun ana noktası olan cordova / phonegap'i npm ile yüklerken bulunamıyor.
Matthieu Harlé

18

Bu cevap ilk olarak burada yayınlandı: cordova / phonegap android dizini oluşturmaz

Cordova 3.3.0 sürümüyle birlikte, PhoneGap ekibinin adlandırma karmaşasını gidermeye çalıştığı görülüyor. Belgeler, insanların cordovabunun yerine komutu kullanmalarını önerecek şekilde güncellendi . phonegapArtık komutu kullanmayın .

Garantili sorunsuz bir kurulum için yepyeni bir kurulum kılavuzu:

  1. Cordova'yı kurun (bundan sonra PhoneGap adını unutun). PC için:

    C:> npm kurulum -g cordova

  2. Komut isteminden, aşağıdakileri kullanarak projenizi oluşturmak istediğiniz klasöre gidin:

    cordova merhaba com.example.hello HelloWorld oluştur
    cd merhaba

  3. Örneğin, desteklemek istediğiniz işletim sistemini tanımlayın:

    cordova platformu wp8 ekle

  4. Eklentileri yükleyin (Gerekirse). Örneğin aşağıdakileri istiyoruz:

    cordova eklentisi org.apache.cordova.device ekle
    cordova eklentisi org.apache.cordova.camera ekle
    cordova eklentisi org.apache.cordova.media-capture ekle
    cordova eklentisi org.apache.cordova.media ekleyin
    

  5. Son olarak, aşağıdakileri kullanarak uygulamayı oluşturun:
    cordova wp8 inşa

PhoneGap Cordova 3.3.0 Dokümantasyonuna bir bağlantı: http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface


1
Ayrıca, inşa komutunu çalıştırdınız mı? Visual Studio'da derleyebilirim ama komut satırından yapamam. Hata: D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified.Hangi dosyayı aradığından emin değilim.
atlantis

1
56. satırda Log("Command: " + command);yorumlanmış bulacaksınız . Yorum yapılmaması yazdırılacak commandve hangi dosyayı aradığını bileceksiniz.
Edward Grech

2. adımda, "cd HelloWorld" yerine "cd merhaba" olması gerektiğine inanıyorum.
Jarnal

6

Ben de aynı hatayla karşılaştım. Ve hatta PhoneGap master'ı GitHub'dan indirmeyi denedim, ancak sahip olduğum şeyin Phonegap 2.9 olduğunu öğrendim. Sonunda Cordova 3 Kaynağını indirmek zorunda kaldım

Almak için bu adımları izleyin.

  1. Cordova 3 Kaynağını indirin ve açın
  2. Cordova-wp8 klasöründeki template.bat dosyasını çalıştırın
  3. Oluşturulan Zip dosyalarını Visual studio şablon klasörünüze kopyalayın

4

Windows'ta Phonegap Cordova Kurulumu

Gereksinimler

  • Eclipse + ADT Eklentisi
  • Android SDK Aracı
  • Android Platform Araçları
  • En son PhoneGap zip klasörü. İçeriğini çıkarın.

Desteklenen Android Cihazlar

Android 2.2 Android 2.3 Android 4.x Phonegap Cordova Kurulumu

Android için PATH ortam değişkenini ayarla

  1. Masaüstünden Bilgisayarım'a sağ tıklayın ve Özellikler'e tıklayın.

  2. Sol sütundaki Gelişmiş Sistem Ayarları bağlantısını tıklayın.

  3. Sistem özellikleri penceresinde, ortam değişkenleri düğmesine tıklayın.

  4. Sistem değişkenleri bölümünden PATH değişkenini seçin. Düzenle düğmesini seçin. Android SDK platform araçları ve araçlar dizininizin yolunu eklemeniz gerekir. Örneğin: D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ platform-tools; D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ tools Düzenlemenizi kaydedin. Ortam Değişkeni iletişim kutusunu kapatın.

  5. Ek olarak, PATH'inize% JAVA_HOME% \ bin eklemeniz gerekebilir. Bunun gerekli olup olmadığını kontrol etmek için bir komut istemi çalıştırın ve java yazın. Program bulunamazsa, PATH'e% JAVA_HOME% \ bin ekleyin. % JAVA_HOME% ortam değişkenini kullanmak yerine tam yolu belirtmeniz gerekebilir.
  6. Son olarak, PATH'inize% ANT_HOME% \ bin eklemeniz gerekebilir. Bunun gerekli olup olmadığını kontrol etmek için bir komut istemi çalıştırın ve ant yazın. Program bulunamazsa, PATH'e% ANT_HOME% \ bin ekleyin. % ANT_HOME% ortam değişkenini kullanmak yerine tam yolu belirtmeniz gerekebilir. Yeni Proje Kur

Komut İstemi'ni açın, Cordova dağıtımının android alt klasörü içindeki bin dizinine gidin.

Yazın: ./create

Ardından Enter tuşuna basın. Eclipse'i başlatın. Dosya Menü Öğesinde ve İçe Aktar… öğesini seçin.

İçe Aktar "Mevcut Android Kodunu Çalışma Alanına" seçin ve "İleri>" yi tıklayın.

Komut istemiyle oluşturulan projeye göz atın. Ve 'Bitir'i tıklayın. Öykünücüye Dağıtma Eclipse'in içinden bu araç çubuğu simgesine basın.

Android SDK Yöneticisi açıldıktan sonra çeşitli çalışma zamanı kitaplıkları görüntüler API'leri buradan gereksinime göre yükleyin. Eclipse'in içinden bu araç çubuğu simgesine basın.

Gelen listeden cihaz tanımını seçin. (Mevcut listede yalnızca bir öğe vardır.) Yeni Android Sanal Cihaz (AVD) oluşturmak ve projenizi çalıştırmak için kullanmak için yukarıdaki pencerede Yeni… seçeneğine basın.

Emülatörü ayrı bir uygulama olarak açmak için, AVD'yi seçin ve Başlat'a basın. Donanım düğmeleri için mevcut ek kontroller ile cihazda olduğu gibi başlatılır:

Cihaza Dağıt:

Cihazınızda USB hata ayıklamanın etkin olduğundan emin olun ve onu sisteminize takın. Projeye sağ tıklayın ve Farklı Çalıştır> Android Uygulaması'na gidin.

Daha fazla oku ...


2

Telefon aralığını kurmakta sorunlar yaşıyordum. Yönetici olarak cmd'yi çalıştırdığımda ve ardından komutu çalıştırdığımda sorunlar düzeltildi

npm install -g phonegap

ve başarıyla kuruldu.

Daha sonra kurulduğu dizinde cmd'yi açtım ve phonegap komutunu çalıştırdım ve iyi çalışıyordu. Şimdi onunla daha fazla oynayacağım :)

Tüm bu yardımlar için teşekkürler arkadaşlar.


2

Adlı C:\phonegap-2.9.0\lib\windows-phone-8 there'sbir toplu iş dosyasında createTemplates.bat. CordovaWP8_2_9_0.zipDokümanlarında belirtilen dosyayı oluşturacak bu dosyayı yürütmeniz gerekiyor .


Phonegap-3.3.0 için bu toplu iş dosyasını bulamıyorum. Aslında windows-phone-8 klasörünü bulamıyorum. Neyi yanlış yaptığım hakkında bir fikrin var mı?
MysticMagicϡ

1

Aynı sorunu yaşadım ama sonunda bunu yaparak başarılı oldum lütfen gidip bu görüntüyü atın Plase PHONE TOOL COMMAND PROMPT'taki tüm komutu çalıştırın görüntü açıklamasını buraya girin


Merhaba Mayur. Yukarıdaki yönteminizle deniyorum. Ekleme platformunda hata aldım. cordova platformu yazdıktan sonra wp8 ekleyin. aşağıdaki hata oluştu Hata: 'bin' klasöründe 'check_reqs.js' bulunamadı, iptal
ediliyor

@mayur - benim için de çalışmıyor. 'Cordova' tanınmadı, falan, falan, falan. Sanırım bir yol sorunu. Ama cordova nerede?
schmidlop

1

Bu Çok Aygıtlı Karma Uygulamaları CTP1.1 için Visual Studio Belgeleri için buldum Son güncelleme: 29 Mayıs 2014 .

Belgelerdeki içeriğin bir kısmı aşağıdaki gibidir.

Bu sürüm, aşağıdaki cihaz hedefleri için uygulama oluşturmayı destekler :

Android 4+ (4.4 optimum geliştirici deneyimi sağlar) iOS 6 ve 7 Windows 8.0 (Mağaza) Windows Phone 8.0

Gereksinimler: Windows 8.1

Visual Studio 2013 Güncelleştirme 2 - Aşağıdaki isteğe bağlı özelliklerin yüklü olduğu Professional, Ultimate veya Premium:

Windows 8 Windows Phone 8.0 SDK için Mağaza uygulamalarının Bakımı için Araçlar

Ek sistem gereksinimleri cihaz platformuna göre değişir:

Android öykünücüsü, Intel HAXM sürücüsünü yükleyebilen bilgisayarlarla en iyi şekilde çalışır

Windows Phone 8, iOS için Building öykünücüsünü çalıştırmak için Hyper-V özellikli bir bilgisayar gerektirir ve iOS Simulator'u kullanmak, Xcode 5.1'i çalıştırabilen bir Mac gerektirir

Üçüncü Taraf Bağımlılıkları:

Joyent Node.js - Visual Studio'nun Apache Cordova Komut Satırı Arayüzü (CLI) ve Apache Ripple ™ Emulator Git CLI ile entegre olmasını sağlar - Yalnızca eklentiler için git URI'leri manuel olarak eklemeniz gerektiğinde gereklidir

Google Chrome - iOS ve Android için Apache Ripple emülatörünü çalıştırmak için gereklidir

Apache Ant 1.8.0+ - Android derleme süreci için bir bağımlılık olarak gereklidir

Oracle Java JDK 7 - Android oluşturma süreci için bir bağımlılık olarak gerekli

Android SDK - Android derleme süreci ve Ripple için bağımlılık olarak gereklidir

Windows Runtime için SQLLite - Windows uygulamalarına SQL bağlantısı eklemek için gereklidir (WebSQL Polyfill eklentisi için)

Apple iTunes - Windows PC'nize bağlı bir iOS cihazına bir uygulama dağıtmak için gereklidir

görüntü açıklamasını buraya girin


0

CMD'yi Windows'ta Yönetici olarak çalıştırmak beni harekete geçirdi ve bence bu sadece mükemmel bir anlam ifade ediyor çünkü insanlar eşyalarını özel bir dizine yüklemek için gerçekten çaba göstermiyorlar. Bu nedenle, Windows dizinine node.js yüklediğinizde ve ardından PhoneGap'i Yükseltilmemiş CMD'ye kurmaya çalıştığınızda, yol değişkenlerini ayarlamakta zorlanır.


0

Ben de aynı sorunu yaşadım. Saatlerimi kaybettim, sonra yüklenen node.js sürümünün 0.8 olduğunu gördüm. Ancak node.js web sitesinden 0.10 sürümünü indirip yükledim.

Tekrar indirip yükledim ve şimdi sürüm 0.10. Sonuç: PhoneGap bu sürümle başarıyla kuruldu.


0

Phonegap yeni başlayanlar için biraz zor olabilir. Telefonun yerel özelliklerine erişebilen güçlü bir android uygulaması oluşturmanın en uygun yolunu bulmaya çalışırken çok zaman harcadım.

Bu bağlantı , windows, html ve javascript kullanarak Phonegap android uygulaması oluşturmak için adım adım bir yöntem sağlar.


Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.