Phonegap Cordova installazione Windows


120

La documentazione per phonegap / cordova è assolutamente orribile. Tutto quello che cerco di fare è installare PhoneGap 3.0 sul mio ambiente Windows ma senza successo.

Di seguito sono riportati i miei passaggi e punti di errore. Qualcuno può consigliare soluzioni?

Secondo le istruzioni :

  1. Installa Node.js (SUCCESSFUL)
  2. Da nodes.js: install -g cordova(SUCCESSFUL)
  3. Aggiungi piattaforma: cordova platform add wp8(NIENTE SUCCEDE)
  4. Prova con phonegap: phonegap install wp8(Impossibile trovare la directory del progetto ERROR)

Dalla " Guida alla piattaforma Windows Phone 8 "

  1. Installa Windows SDK (SUCCESSFUL)
  2. "Scarica ed estrai l'ultima copia di [PhoneGap. Lavorerai nella sottocartella lib \ windows-phone-8 \ wp8, lib \ windows-phone-8 \ wp7 contiene la versione Windwos Phone 7 di Cordova"

EH?!?! In che posizione si trova la directory?!?! Quindi ho trovato la directory phonegap non documentata sepolta in AppData \ Local ... e c'è una directory libs ma certamente NON ci sono sottocartelle WP8. Da dove lo si installa? Presumibilmente il comando di aggiunta della piattaforma sopra, ma aggiungi che mi riporta semplicemente a un nuovo prompt dei comandi.

Ho provato a usare il comando phonegap: phonegap plaform add wp8

ERRORE - "platform add wp8" non è un nodo.

Ho la sua open source ma questa è una brutale documentazione di riferimento sugli spaghetti. Se qualcuno è stato in grado di installare con successo 3.0 per WP8, qualsiasi puntatore sarebbe d'aiuto.


Indica che è necessario creare l'app con cordova create hello com.example.hello HelloWorldnella directory in cui si desidera inserire il codice e quindi eseguire cordova platform add wp8nella directory del progetto appena creata.
dfockler

5
Non potrei essere più d'accordo, ho solo incazzato 6 ore del mio weekend cercando di farlo funzionare anch'io, l'ho usato in passato e impostarlo non è stato affatto difficile ma il 'nuovo migliorato' cli modo di fare le cose semplicemente non funziona con le istruzioni fornite. La prima parte ti dice di installare e utilizzare il comando phonegap e poi vai alla sezione Android e si passa all'uso del comando cordova. Che casino frustrante, non sono mai riuscito a capire come far riconoscere la piattaforma Android anche se l'SDK era installato sulla mia macchina.
Jay13,

7
La qualità della scrittura non mi disturba tanto quanto il fatto che i documenti non sembrano mai essere stati testati e sono semplicemente sbagliati.
Erik Reppen

3
Sembra anche che la documentazione sia contraddittoria in alcuni punti. In una pagina dice di farlo in un modo e in un'altra descrive un approccio completamente diverso! Ho avuto cose carine con l'estensione Phonegap parte dei miei Strumenti per sviluppatori Android come pulsante (in Eclipse). Ora, dopo aver aggiornato l'ADT, non c'è più. Ho eseguito la piattaforma phonegap aggiungendo Android e non ho avuto nulla da fare come sopra con wp8. Perché non possiamo scaricarlo semplicemente come zip? O usi git clone?
Bruce Whealton

Ho scritto un articolo fornendo istruzioni passo passo su come installare phonegap. È adattato ai dispositivi Android, ma l'unica differenza dovrebbe essere la parte Windows / Android SDK: kapitanh.blogspot.de/2014/02/native-android-apps-with.html
Kai Hartmann

Risposte:


131

Dopo ore di frustrazione ... ecco cosa ho scoperto.

  1. Ignora la documentazione di installazione e tutta la riga di comando, roba node.js (seriamente perderai ore su questo.
  2. Vai su GitHub e scarica semplicemente il file .zip principale di PhoneGap
  3. In quello zip ci sono i file di progetto per la piattaforma di Windows Phone, ecc ... basta usare quei modelli.

Non so come un processo così semplice possa avere una documentazione peggiore. È come se fosse stato scritto da avvocati.


7
Usare la documentazione ti avrebbe permesso di avere una wwwcartella "globale" per tutte le piattaforme.
Justin D.

3
Grazie per questo, mi ha risparmiato un sacco di seccature, ne sono sicuro. Inoltre, questa è un'ottima risorsa per chiunque configuri Phonegap per Android: link
Oliver Holmberg

Sei serio? È vero? Non so se essere davvero arrabbiato o molto felice. Potrò aggiungere plugin anche senza la riga di comando? Ed è ancora valido per il diverso Phonegap 3.0?
Wytze

Frigon la tua descrizione è eccellente ma dovresti menzionare che createTemplates.bat dovrebbe essere eseguito per generare i file zip che sono le cose da copiare nella cartella dei modelli.
Hexodus

Hexodus, non sembra che questo passaggio sia documentato da nessuna parte, o almeno non è affatto molto chiaro. Come si può immaginare, iniziare da una pagina con l'esecuzione di un comando cordova e poi essere portato a un'altra pagina che dice usa phonegap, o è nell'altro modo ?, è molto confuso. Oliver, il tuo link è fantastico, la pagina è molto chiara. Ma ho quasi trascurato il collegamento. Ho iniziato a pensare: "cos'è una risorsa eccellente?" Poi mi sono imbattuto nel collegamento e ho trovato l'eccellente risorsa. Rispettosamente, suggerirei che tutto, da una risorsa eccellente fino al collegamento, sia il collegamento, IMHO.
Bruce Whealton

54

Ho affrontato lo stesso problema e ho lottato per un'ora per passare attraverso la lettura dei documenti e degli altri problemi segnalati in Stack Overflow, ma non ho trovato alcuna risposta. Quindi, ecco la guida per eseguire con successo il phonegap / cordova in Windows Machine.

Segui questi passi

  1. Scarica e installa node.js da http://nodejs.org/
  2. Esegui il comando npm install -g phonegap(in caso di installazione phonegap) o esegui il comando npm install -g cordova(in caso di installazione Cordova).
  3. Quando l'installazione viene completata, puoi notare questo:

    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
    ├── colori@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 (inherits@2.0.1, minimatch@0.2.12)
    ├── plist@0.4.3 (xmlbuilder@0.4.2, xmldom@0.1.16)
    ├── tar@0.1.18 (inherits@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 (metodi@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. Notare la riga sopra è possibile vedere il percorso in cui è menzionato il file. Copia quel percorso. Nel mio caso è C:\Users\binaryuser\AppData\Roaming\npm\cordovacosì usa cd C:\Users\binaryuser\AppData\Roaming\npm\e digita cordova. Ecco, finalmente funziona.

  5. Poiché il -gvalore della chiave non funziona, hai impostato il percorso delle variabili d'ambiente:
    1. Premi Win+ Pause|Breako fai clic con il tasto destro Computere scegli Properties.
    2. Clicca Advanced system settingsa sinistra.
    3. Fare clic Environment Variablessotto la Advancedscheda.
    4. Seleziona la PATHvariabile e fai clic Edit.
    5. Copiare il percorso menzionato sopra nel campo del valore e premere OK.

7
Nota inoltre che se installi node.js come amministratore e il tuo utente ha diritti limitati in Active Directory, dovresti eseguire "npm install -g phonegap" come utente e non come amministratore, altrimenti i file verranno creati sotto l'amministratore cartella di roaming e l'utente non avrà accesso ad esse. Puoi "disinstallare npm phonegap" sotto amministratore e in tal caso installarlo nuovamente come utente.
vicenteherrera

1
Nota, è necessario utilizzare Node.js command promptcmd.exe, non integrato in Windows
caricato il

2
@gotnull io secondo il tuo movimento.
Jay Jay Jay,

2
Quando ho provato a utilizzare il prompt dei comandi node.js, mi è stato fornito un errore che mi ha indirizzato a utilizzare il terminale di sistema. Questo è per Node.js v0.10.26.
John Macon

Questa risposta dice esattamente cosa c'è nelle istruzioni ufficiali, che funziona, ma questo non risponde alla parte dei modelli wp8. La cartella wp8 né il file createTemplates.bat non possono essere trovati durante l'installazione di cordova / phonegap con npm, che è principalmente il punto della domanda.
Matthieu Harlé

18

Questa risposta è stata pubblicata per la prima volta qui: cordova / phonegap non crea directory Android

Con il rilascio di Cordova 3.3.0, sembra che il team di PhoneGap stia cercando di risolvere la confusione dei nomi. Le documentazioni sono state aggiornate per consigliare alle persone che utilizzano cordovainvece il comando. Non utilizzare più il phonegapcomando.

Ecco una nuova guida all'installazione per una configurazione senza problemi garantita:

  1. Installa Cordova (dimentica il nome PhoneGap d'ora in poi). Per PC:

    C:> npm install -g cordova

  2. Dal prompt dei comandi, vai alla cartella in cui desideri creare il tuo progetto utilizzando:

    cordova crea ciao com.example.hello HelloWorld
    ciao cd

  3. Definisci il sistema operativo che desideri supportare, ad esempio:

    piattaforma cordova aggiungi wp8

  4. Installa i plugin (se necessario). Ad esempio, vogliamo quanto segue:

    Il plugin cordova aggiunge org.apache.cordova.device
    Il plugin cordova aggiunge org.apache.cordova.camera
    Il plug-in cordova aggiunge org.apache.cordova.media-capture
    Il plugin cordova aggiunge org.apache.cordova.media
    

  5. Infine, genera l'app utilizzando:
    cordova build wp8

Ecco un collegamento alla documentazione di PhoneGap Cordova 3.3.0 http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface


1
Inoltre, hai fatto funzionare il comando build? Posso creare in Visual Studio ma non dalla riga di comando. Errore: D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified.non sono sicuro del file che sta cercando.
atlantis

1
Sulla linea 56 troverai Log("Command: " + command);commentato. Togli il commento verrà stampato commande saprai quale file sta cercando.
Edward Grech

Nel passaggio # 2, credo che dovrebbe essere "cd hello", invece di "cd HelloWorld".
Jarnal

6

Ho dovuto affrontare anche questo stesso errore. E ho anche provato a scaricare il master PhoneGap da GitHub, ma ho scoperto che quello che ho ottenuto era Phonegap 2.9. Alla fine ho dovuto scaricare Cordova 3 Source

Segui questi passaggi per ottenerlo.

  1. Scarica e decomprimi il codice sorgente di Cordova 3
  2. Esegui template.bat nella cartella cordova-wp8
  3. Copia i file Zip generati nella cartella dei modelli di Visual Studio

4

Installazione di Phonegap Cordova su Windows

Requisiti

  • Plugin Eclipse + ADT
  • Strumento Android SDK
  • Strumenti della piattaforma Android
  • Ultima cartella zip PhoneGap. Estrai il suo contenuto.

Dispositivi Android supportati

Android 2.2 Android 2.3 Android 4.x Installazione di Phonegap Cordova

Imposta la variabile d'ambiente PATH per Android

  1. Dal desktop, fai clic con il pulsante destro del mouse su Risorse del computer e fai clic su Proprietà.

  2. Fare clic sul collegamento Impostazioni di sistema avanzate nella colonna di sinistra.

  3. Nella finestra delle proprietà del sistema fare clic sul pulsante delle variabili d'ambiente.

  4. Seleziona la variabile PATH dalla sezione Variabili di sistema. Seleziona il pulsante Modifica. È necessario aggiungere il percorso alla directory degli strumenti e degli strumenti della piattaforma Android SDK. Ad esempio: D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ platform-tools; D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ tools Salva la tua modifica. Chiudi la finestra di dialogo Variabile d'ambiente.

  5. Inoltre, potresti dover includere% JAVA_HOME% \ bin anche nel tuo PERCORSO. Per verificare se è necessario eseguire un prompt dei comandi e digitare java. Se non è stato possibile trovare il programma, aggiungere% JAVA_HOME% \ bin al PERCORSO. Potrebbe essere necessario specificare il percorso completo invece di utilizzare la variabile di ambiente% JAVA_HOME%.
  6. Infine, potresti dover includere anche% ANT_HOME% \ bin nel tuo PERCORSO. Per verificare se è necessario eseguire un prompt dei comandi e digitare ant. Se il programma non può essere trovato, aggiungi% ANT_HOME% \ bin al PERCORSO. Potrebbe essere necessario specificare il percorso completo invece di utilizzare la variabile d'ambiente% ANT_HOME%. Imposta nuovo progetto

Apri il prompt dei comandi, vai alla directory bin all'interno della sottocartella Android della distribuzione Cordova.

Digita: ./create

Quindi premere Invio e avviare Eclipse. Nella voce di menu File e seleziona Importa ...

Importa Selezionare "Codice Android esistente nell'area di lavoro" e fare clic su "Avanti>".

Sfoglia il progetto creato tramite il prompt dei comandi. E fai clic su "Fine". Distribuisci su Emulator Dall'interno di Eclipse, premi questa icona della barra degli strumenti.

Una volta aperto, Android SDK Manager visualizza varie librerie di runtime Installa le API come da requisito da qui. Dall'interno di Eclipse, premere questa icona della barra degli strumenti.

Scegli una definizione del dispositivo dall'elenco che viene fornito. (C'è solo un elemento nell'elenco corrente.) Premere Nuovo ... nella finestra sopra per creare un nuovo dispositivo virtuale Android (AVD) e utilizzarlo per eseguire il progetto.

Per aprire l'emulatore come un'applicazione separata, seleziona AVD e premi Start. Si avvia come sul dispositivo, con controlli aggiuntivi disponibili per i pulsanti hardware:

Distribuisci su dispositivo:

Assicurati che il debug USB sia abilitato sul tuo dispositivo e collegalo al tuo sistema. Fare clic con il pulsante destro del mouse sul progetto e andare su Esegui come> Applicazione Android.

Leggi di più ...


2

Ho avuto problemi con l'installazione di phonegap. I problemi sono stati risolti eseguendo cmd come amministratore e quindi eseguendo il comando

npm install -g phonegap

ed è installato con successo.

Quindi nella directory in cui è installato ho aperto cmd, ho eseguito il comando phonegap e funzionava bene. Ora ci giocherò di più :)

Grazie amici per tutto questo aiuto.


2

In C:\phonegap-2.9.0\lib\windows-phone-8 there'sun file batch chiamato createTemplates.bat. È necessario eseguire questo file, che creerà il CordovaWP8_2_9_0.zipfile menzionato nei loro documenti.


Non riesco a trovare questo file batch per phonegap-3.3.0. Non riesco infatti a trovare la cartella di Windows Phone 8. Qualche idea su cosa sto facendo di sbagliato?
MysticMagicϡ

1

Ho avuto lo stesso problema ma alla fine ho avuto successo in questo modo, per favore, lancia questa immagine Plase Esegui tutti i comandi nel PROMPT DI COMANDO DELLO STRUMENTO inserisci qui la descrizione dell'immagine


Ciao Mayur. Provo con il tuo metodo sopra. Ho ricevuto un errore nella piattaforma aggiuntiva. dopo aver digitato la piattaforma cordova aggiungere wp8. si è verificato il seguente errore Errore: Impossibile trovare "check_reqs.js" nella cartella "bin",
interruzione

@ mayur - anche per me non funziona. Ottengo "cordova" non riconosciuto, blah, blah, blah. Presumo un problema di percorso. Ma dov'è la cordova?
schmidlop

1

Ho trovato questa documentazione di App ibride multi-dispositivo per Visual Studio per CTP1.1 Ultimo aggiornamento: 29 maggio 2014 .

Alcuni dei contenuti della documentazione come segue.

Questa versione supporta la creazione di app per i seguenti dispositivi di destinazione :

Android 4+ (4.4 che fornisce un'esperienza sviluppatore ottimale) iOS 6 e 7 Windows 8.0 (Store) Windows Phone 8.0

Requisiti: Windows 8.1

Visual Studio 2013 Update 2: Professional, Ultimate o Premium con le seguenti funzionalità opzionali installate:

Strumenti per il mantenimento delle app dello Store per Windows 8 Windows Phone 8.0 SDK

I requisiti di sistema aggiuntivi variano in base alla piattaforma del dispositivo:

L'emulatore Android funziona al meglio con i PC in grado di installare il driver Intel HAXM

Windows Phone 8 richiede un PC compatibile con Hyper-V per eseguire l'emulatore Building for iOS e l'utilizzo del simulatore iOS richiede un Mac in grado di eseguire Xcode 5.1

Dipendenze di terze parti:

Joyent Node.js: consente a Visual Studio di integrarsi con l'interfaccia a riga di comando (CLI) di Apache Cordova e la CLI Git dell'emulatore Apache Ripple ™: necessario solo se è necessario aggiungere manualmente URI git per i plug-in

Google Chrome: necessario per eseguire l'emulatore Apache Ripple per iOS e Android

Apache Ant 1.8.0+: richiesto come dipendenza per il processo di compilazione di Android

Oracle Java JDK 7: richiesto come dipendenza per il processo di compilazione di Android

Android SDK: richiesto come dipendenza per il processo di build di Android e Ripple

SQLLite per Windows Runtime: necessario per aggiungere la connettività SQL alle app Windows (per il plug-in WebSQL Polyfill)

Apple iTunes: necessario per distribuire un'app su un dispositivo iOS connesso al PC Windows

inserisci qui la descrizione dell'immagine


0

L'esecuzione del CMD come amministratore su Windows mi ha fatto andare avanti e penso che abbia perfettamente senso solo perché le persone non si sforzano mai di installare le loro cose in una directory personalizzata. Quindi, quando installi node.js nella directory di Windows e poi provi a installare PhoneGap su un CMD non elevato, ha difficoltà a impostare le variabili del percorso.


0

Ho avuto lo stesso problema. Ho perso ore, poi ho visto che la versione di node.js installata era la 0.8. Ma ho scaricato e installato la versione 0.10 dal sito web di node.js.

Ho scaricato e installato di nuovo, e ora la versione è la 0.10. Risultato: PhoneGap è stato installato con successo con questa versione.


0

Phonegap può essere un po 'complicato per le matricole. Ho passato molto tempo a cercare il modo ottimale per creare una robusta applicazione Android in grado di accedere alle funzionalità native del telefono.

Questo collegamento fornisce un metodo passo passo per creare un'applicazione Android Phonegap utilizzando Windows, HTML e JavaScript.


Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.