Instalasi Phonegap Cordova Windows

120

Dokumentasi untuk phonegap / cordova benar-benar mengerikan. Yang saya coba lakukan hanyalah menginstal PhoneGap 3.0 di lingkungan Windows saya tetapi tidak berhasil.

Di bawah ini adalah langkah dan poin kegagalan saya. Adakah yang bisa memberi nasihat tentang solusi?

Menurut instruksi :

  1. Instal Node.js (BERHASIL)
  2. Dari node.js: install -g cordova(BERHASIL)
  3. Tambahkan Platform: cordova platform add wp8(TIDAK ADA YANG TERJADI)
  4. Coba dengan phonegap: phonegap install wp8(Direktori proyek ERROR tidak dapat ditemukan)

Dari " Panduan platform Windows Phone 8 "

  1. Instal Windows SDK (BERHASIL)
  2. "Unduh dan ekstrak salinan terbaru [PhoneGap. Anda akan bekerja di subfolder lib \ windows-phone-8 \ wp8, lib \ windows-phone-8 \ wp7 berisi Cordova versi Windwos Phone 7"

HAH?!?! Di mana lokasi direktori itu?!?! Jadi saya telah menemukan direktori phonegap yang tidak berdokumen terkubur di AppData \ Local ... dan ada direktori libs tetapi yang pasti TIDAK ada subfolder WP8. Dari mana seseorang akan menginstalnya? Mungkin perintah tambahkan platform di atas, tetapi tambahkan itu hanya mengembalikan saya ke prompt perintah baru.

Mencoba menggunakan perintah phonegap: phonegap plaform add wp8

ERROR - 'platform add wp8 "bukan sebuah node.

Saya mendapatkan open source-nya tetapi ini adalah dokumentasi referensi spageti yang brutal. Jika ada yang berhasil menginstal 3.0 untuk WP8, petunjuk apa pun akan membantu.

windows cordova frigon
sumber
Ini menyebutkan bahwa Anda perlu membuat aplikasi cordova create hello com.example.hello HelloWorlddi direktori tempat Anda ingin kode berada, dan kemudian berjalan cordova platform add wp8di direktori proyek yang baru saja Anda buat.
dfockler
5
Saya sangat setuju, saya baru saja membuat kesal 6 jam akhir pekan saya mencoba membuatnya bekerja juga. Saya telah menggunakannya di masa lalu dan mengaturnya kemudian tidak sulit sama sekali tetapi 'baru ditingkatkan' Cli cara melakukan sesuatu tidak berfungsi dengan instruksi yang diberikan. Bagian pertama memberitahu Anda untuk menginstal dan menggunakan perintah phonegap dan kemudian Anda beralih ke bagian android dan beralih menggunakan perintah cordova. Benar-benar kekacauan yang membuat frustrasi, saya tidak pernah menemukan cara untuk membuatnya mengenali platform android meskipun sdk telah diinstal pada mesin saya.
Jay13
7
Kualitas tulisan tidak mengganggu saya sebanyak fakta bahwa dokumen tampaknya tidak pernah diuji dan hanya salah.
Erik Reppen
3
Sepertinya dokumentasinya juga kontradiktif di beberapa tempat. Di satu halaman dikatakan melakukannya dengan satu cara dan di halaman lain itu menggambarkan pendekatan yang sama sekali berbeda! Saya memiliki hal-hal yang baik dengan bagian ekstensi Phonegap dari Alat Pengembang Android saya sebagai tombol (di Eclipse). Sekarang, setelah mengupgrade ADT itu hilang. Saya menjalankan platform phonegap add android dan tidak ada yang terjadi seperti di atas dengan wp8. Mengapa kita tidak bisa mendownloadnya sebagai zip? Atau gunakan git clone?
Bruce Whealton
Saya menulis artikel yang memberikan instruksi langkah demi langkah tentang cara menginstal phonegap. Ini disesuaikan untuk perangkat Android, tetapi satu-satunya perbedaan adalah bagian Windows / Android SDK: kapitanh.blogspot.de/2014/02/native-android-apps-with.html
Kai Hartmann

Jawaban:

131

Setelah berjam-jam frustrasi ... inilah yang saya temukan.

  1. Abaikan dokumentasi instalasi dan semua baris perintah, node.js (serius Anda akan membuang waktu berjam-jam untuk ini.
  2. Buka github dan cukup unduh master PhoneGap .zip
  3. Dalam zip itu ada file proyek untuk jendela telepon, dll platform ... cukup gunakan template itu.

Saya tidak tahu bagaimana proses yang begitu mudah bisa menghasilkan dokumentasi yang lebih buruk. Seolah-olah itu ditulis oleh pengacara.

frigon
sumber
7
Menggunakan dokumentasi akan memungkinkan Anda memiliki satu wwwfolder "global" untuk semua platform.
Justin D.
3
Terima kasih untuk ini, menyelamatkan saya dari banyak kejengkelan, saya yakin. Juga, ini adalah sumber yang bagus untuk siapa saja yang menyiapkan Phonegap untuk Android: tautan
Oliver Holmberg
Apakah kamu serius? Apakah ini nyata? Saya tidak tahu apakah harus benar-benar marah atau sangat bahagia. Apakah saya juga dapat menambahkan plugin tanpa baris perintah? Dan apakah ini masih berlaku untuk Phonegap 3.0 yang sangat berbeda?
Wytze
Frigon deskripsi Anda sangat bagus tetapi Anda harus menyebutkan bahwa createTemplates.bat harus dijalankan untuk menghasilkan file zip yang akan disalin ke folder template.
Hexodus
Hexodus, tampaknya langkah ini tidak didokumentasikan di mana pun, atau setidaknya tidak terlalu jelas sama sekali. Seperti yang bisa dibayangkan, memulai dari satu halaman dengan menjalankan perintah cordova dan kemudian dibawa ke halaman lain yang mengatakan gunakan phonegap, atau sebaliknya ?, sangat membingungkan. Oliver, link Anda bagus, halamannya sangat jelas. Tapi saya hampir melewatkan tautannya. Saya mulai berpikir, "apa itu sumber daya yang sangat baik?" Kemudian saya menemukan tautannya dan menemukan sumber daya yang sangat baik. Hormat saya, saya menyarankan agar semuanya mulai dari sumber daya yang sangat baik hingga tautan menjadi tautannya, IMHO.
Bruce Whealton
54

Saya menghadapi masalah yang sama dan berjuang selama satu jam untuk melewatinya dengan membaca dokumen dan masalah lain yang dilaporkan di Stack Overflow tetapi saya tidak menemukan jawabannya. Jadi, berikut adalah panduan untuk berhasil menjalankan phonegap / cordova di Windows Machine.

Ikuti langkah ini

  1. Unduh dan Instal node.js dari http://nodejs.org/
  2. Jalankan perintah npm install -g phonegap(dalam kasus instalasi phonegap) atau jalankan perintah npm install -g cordova(untuk instalasi Cordova).

  3. Saat penginstalan selesai, Anda dapat melihat ini:

    C: \ Users \ binaryuser \ AppData \ Roaming \ npm \ cordova -> C: \ Users \ binaryuser \ AppData \ Roaming \ npm \ node_modules \ cordova \ bin \ cordova
[email protected] C: \ Users \ binaryuser \ AppData \ Roaming \ npm \ node_modules \ cordova
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], cookie [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected] )
├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected] .2, [email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected] )
├── [email protected]
└── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], elementtree @ 0.1.5, [email protected], [email protected], [email protected], [email protected], [email protected])

  4. Perhatikan baris di atas Anda dapat melihat jalur di mana file tersebut disebutkan. Salin jalan itu. Dalam kasus saya itu C:\Users\binaryuser\AppData\Roaming\npm\cordovasangat berguna cd C:\Users\binaryuser\AppData\Roaming\npm\dan tipe cordova. Itu dia, akhirnya berhasil.

  5. Karena nilai -gkunci tidak berfungsi, Anda telah menyetel jalur Variabel Lingkungan:
    1. Tekan Win+ Pause|Breakatau klik kanan Computerdan pilih Properties.
    2. Klik Advanced system settingsdi kiri.
    3. Klik di Environment Variablesbawah Advancedtab.
    4. Pilih PATHvariabel dan klik Edit.
    5. Salin jalur yang disebutkan di atas ke bidang nilai dan tekan OK.
binaryuser
sumber
7
Perhatikan juga bahwa jika Anda menginstal node.js sebagai Administrator, dan pengguna Anda memiliki hak terbatas di bawah Active Directory, Anda harus menjalankan "npm install -g phonegap" sebagai pengguna Anda dan bukan sebagai administrator, atau file akan dibuat di bawah administrator's roaming dan pengguna Anda tidak akan memiliki akses ke sana. Anda dapat "npm uninstall phonegap" di bawah administrator, dan sekali lagi menginstal sebagai pengguna Anda dalam kasus itu.
vicenteherrera
1
Catatan, Anda perlu menggunakan Node.js command prompt, bukan
bawaan
2
@ Anda tidak akan mendukung gerakan Anda.
Jay Jay Jay
2
Ketika saya mencoba menggunakan command prompt node.js saya diberi kesalahan yang mengarahkan saya untuk menggunakan terminal sistem. Ini untuk Node.js v0.10.26.
John Macon
Jawaban ini memberi tahu persis apa yang ada di instruksi resmi, yang berfungsi, tetapi ini tidak menjawab bagian templat wp8. Folder wp8 atau file createTemplates.bat tidak dapat ditemukan saat menginstal cordova / phonegap dengan npm, yang terutama merupakan inti pertanyaannya.
Matthieu Harlé
18

Jawaban ini pertama kali diposting di sini: cordova / phonegap tidak membuat direktori android

Dengan dirilisnya Cordova 3.3.0, tampaknya tim PhoneGap mencoba mengatasi kebingungan penamaan. Dokumentasi telah diperbarui untuk merekomendasikan orang menggunakan cordovaperintah sebagai gantinya. Jangan gunakan phonegapperintah lagi.

Berikut adalah panduan instalasi baru untuk pengaturan bebas masalah yang terjamin:

  1. Instal Cordova (lupakan nama PhoneGap mulai sekarang). Untuk PC:

    C:> npm instal -g cordova

  2. Dari command prompt, arahkan ke folder yang Anda inginkan untuk membuat proyek Anda menggunakan: 

    cordova membuat halo com.example.hello HelloWorld
cd halo

  3. Tentukan OS yang ingin Anda dukung misalnya: 

    Platform cordova menambahkan wp8

  4. Instal plugin (Jika perlu). Misalnya kami menginginkan yang berikut:

    plugin cordova menambahkan org.apache.cordova.device
plugin cordova menambahkan org.apache.cordova.camera
plugin cordova menambahkan org.apache.cordova.media-capture
plugin cordova menambahkan org.apache.cordova.media

  5. Terakhir, buat aplikasi menggunakan: 
    cordova membangun wp8

Berikut ini tautan ke Dokumentasi PhoneGap Cordova 3.3.0 http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface

James Wong - Kembalikan Monica
sumber
1
Juga, apakah Anda mendapatkan perintah build berfungsi? Saya dapat membangun di Visual Studio tetapi tidak dari baris perintah. Kesalahan: D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified.Tidak yakin file apa yang dicari.
atlantis
1
Di baris 56 Anda akan menemukan Log("Command: " + command);komentar. Menghapus komentar itu akan mencetak command, dan Anda akan tahu file apa yang dicari.
Edward Grech
Pada langkah # 2, saya yakin seharusnya "cd hello", bukan "cd HelloWorld".
Jarnal
6

Saya menghadapi kesalahan yang sama juga. Dan saya bahkan mencoba mengunduh master PhoneGap dari GitHub, tetapi saya menemukan bahwa yang saya dapatkan adalah Phonegap 2.9. Saya akhirnya harus mengunduh Sumber Cordova 3

Ikuti langkah-langkah berikut untuk mendapatkannya.

  1. Unduh dan unzip Sumber Cordova 3
  2. Jalankan template.bat di folder cordova-wp8
  3. Salin file Zip yang dihasilkan ke folder template Visual studio Anda
Layinka
sumber
4

Instalasi Phonegap Cordova di Windows

Persyaratan

  • Plugin Eclipse + ADT
  • Alat SDK Android
  • Alat Platform Android
  • Folder zip PhoneGap terbaru. Ekstrak isinya.

Perangkat Android yang Didukung

Android 2.2 Android 2.3 Android 4.x Pemasangan Cordova Phonegap

Setel variabel lingkungan PATH untuk android

  1. Dari desktop, klik kanan My Computer dan klik Properties.

  2. Klik tautan Pengaturan Sistem Lanjut di kolom kiri.

  3. Di jendela properti sistem, klik tombol variabel lingkungan.

  4. Pilih variabel PATH dari bagian Variabel sistem. Pilih tombol Edit. Anda perlu menambahkan jalur ke direktori alat dan alat platform Android SDK Anda. Sebagai Contoh: D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ platform-tools; D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ tools Simpan Edit Anda. Tutup dialog Variabel Lingkungan.

  5. Selain itu, Anda mungkin perlu memasukkan% JAVA_HOME% \ bin ke PATH Anda juga. Untuk memeriksa apakah ini diperlukan, jalankan command prompt dan ketik java. Jika program tidak dapat ditemukan tambahkan% JAVA_HOME% \ bin ke PATH. Anda mungkin perlu menentukan jalur lengkap daripada menggunakan variabel lingkungan% JAVA_HOME%.
  6. Terakhir, Anda mungkin perlu menyertakan% ANT_HOME% \ bin ke PATH Anda juga. Untuk memeriksa untuk melihat apakah ini diperlukan, jalankan prompt perintah dan ketik ant. Jika program tidak dapat ditemukan maka tambahkan% ANT_HOME% \ bin ke PATH. Anda mungkin perlu menentukan path lengkap daripada menggunakan variabel lingkungan% ANT_HOME%. Siapkan Proyek Baru

Buka Command Prompt, buka direktori bin dalam sub-folder android dari distribusi Cordova.

Ketik: ./create

Kemudian tekan Enter. Luncurkan Eclipse. Dalam Item Menu File dan pilih Impor…

Impor Pilih "Kode Android yang Ada ke Ruang Kerja" dan klik 'Berikutnya>'.

Jelajahi proyek yang dibuat melalui command prompt. Dan klik 'Selesai'. Terapkan ke Emulator Dari dalam Eclipse, tekan ikon bilah alat ini.

Setelah terbuka, Android SDK Manager menampilkan berbagai pustaka waktu proses. Instal API sesuai persyaratan dari sini. Dari dalam Eclipse, tekan ikon bilah alat ini.

Pilih dan definisi perangkat dari daftar yang datang. (Hanya ada satu item dalam daftar saat ini.) Tekan Baru… di jendela di atas untuk membuat Perangkat Virtual Android (AVD) baru dan menggunakannya untuk menjalankan proyek Anda.

Untuk membuka emulator sebagai aplikasi terpisah, Pilih AVD dan tekan Mulai. Ini diluncurkan seperti halnya pada perangkat, dengan kontrol tambahan yang tersedia untuk tombol perangkat keras:

Terapkan ke Perangkat:

Pastikan USB debugging diaktifkan pada perangkat Anda dan hubungkan ke sistem Anda. Klik kanan Proyek dan buka Jalankan Sebagai> Aplikasi Android.

Baca lebih lajut ...

Ajay Patel
sumber
2

Saya mengalami masalah dengan menginstal phonegap. Masalah telah diperbaiki ketika saya menjalankan cmd sebagai Administrator dan kemudian menjalankan perintah

npm install -g phonegap

dan berhasil diinstal.

Kemudian di direktori tempat itu diinstal saya membuka cmd, dan menjalankan perintah phonegap dan itu berfungsi dengan baik. Sekarang akan bermain dengannya lebih banyak :)

Terima kasih teman-teman untuk semua bantuan ini.

Altaf Hussain
sumber
2

Dalam C:\phonegap-2.9.0\lib\windows-phone-8 there'sfile batch disebut createTemplates.bat. Anda perlu menjalankan file ini, yang akan membuat CordovaWP8_2_9_0.zipfile yang disebutkan dalam dokumen mereka.

Steve Drucker
sumber
Saya tidak dapat menemukan file batch ini untuk phonegap-3.3.0. Sebenarnya saya tidak dapat menemukan folder windows-phone-8. Tahu apa yang saya lakukan salah?
MysticMagicϡ
1

Saya memiliki masalah yang sama tetapi akhirnya saya berhasil dengan melakukan ini, silakan buang gambar ini Plase Jalankan semua perintah di PROMPT PERINTAH ALAT TELEPON masukkan deskripsi gambar di sini

Mayur
sumber
Hai Mayur. Saya mencoba dengan metode Anda di atas. Saya mendapat kesalahan dalam menambahkan platform. setelah saya mengetik platform cordova tambahkan wp8. kesalahan berikut terjadi Kesalahan: Tidak dapat menemukan 'check_reqs.js' di folder 'bin', membatalkan ...
Gurunathan
@ Mayur - juga tidak bekerja untuk saya. Saya mendapatkan 'cordova' tidak dikenali, bla, bla, bla. Masalah jalan yang saya asumsikan. Tapi di mana cordova?
schmidlop
1

Saya telah menemukan Aplikasi Hibrid Multi-Perangkat untuk Dokumentasi Visual Studio untuk CTP1.1 Terakhir diperbarui: 29 Mei 2014 .

Beberapa konten dari dokumentasi sebagai berikut.

Rilis ini mendukung pembuatan aplikasi untuk target perangkat berikut :

Android 4+ (4.4 memberikan pengalaman pengembang yang optimal) iOS 6 & 7 Windows 8.0 (Toko) Windows Phone 8.0

Persyaratan: Windows 8.1

Visual Studio 2013 Update 2 - Professional, Ultimate, atau Premium dengan fitur opsional berikut diinstal:

Alat untuk Memelihara aplikasi Store untuk Windows 8 Windows Phone 8.0 SDK

Persyaratan sistem tambahan bervariasi menurut platform perangkat:

Emulator Android berfungsi paling baik dengan PC yang mampu menginstal driver Intel HAXM

Windows Phone 8 memerlukan PC berkemampuan Hyper-V untuk menjalankan emulator Building untuk iOS dan menggunakan iOS Simulator membutuhkan Mac yang mampu menjalankan Xcode 5.1

Dependensi Pihak Ketiga:

Joyent Node.js - Memungkinkan Visual Studio untuk berintegrasi dengan Apache Cordova Command Line Interface (CLI) dan Apache Ripple ™ Emulator Git CLI - Diperlukan hanya jika Anda perlu menambahkan URI git untuk plugin secara manual

Google Chrome - Diperlukan untuk menjalankan emulator Apache Ripple untuk iOS dan Android

Apache Ant 1.8.0+ - Diperlukan sebagai dependensi untuk proses build Android

Oracle Java JDK 7 - Diperlukan sebagai dependensi untuk proses build Android

Android SDK - Diperlukan sebagai dependensi untuk proses build Android dan Ripple

SQLLite untuk Windows Runtime - diperlukan untuk menambahkan konektivitas SQL ke aplikasi Windows (untuk plugin WebSQL Polyfill)

Apple iTunes - Diperlukan untuk menerapkan aplikasi ke perangkat iOS yang terhubung ke PC Windows Anda

masukkan deskripsi gambar di sini

Reva
sumber
0

Menjalankan CMD sebagai Administrator di Windows membuat saya bersemangat dan saya pikir itu hanya masuk akal karena orang tidak benar-benar berusaha menginstal barang-barang mereka di direktori kustom. Jadi, ketika Anda menginstal node.js di direktori Windows dan kemudian mencoba menginstal PhoneGap pada CMD yang Tidak Berelevasi, akan sulit untuk mengatur variabel jalur.

kacang meong
sumber
0

Saya memiliki masalah yang sama. Saya kehilangan waktu berjam-jam, lalu saya melihat versi node.js yang diinstal adalah 0.8. Tetapi saya mengunduh dan menginstal versi 0.10 dari situs web node.js.

Saya mengunduh dan menginstal lagi, dan sekarang versinya adalah 0.10. Hasil: PhoneGap telah berhasil diinstal dengan versi ini.

gabrieloliveira
sumber
0

Phonegap bisa sedikit rumit untuk mahasiswa baru. Saya menghabiskan banyak waktu untuk mencoba menemukan cara optimal untuk membuat aplikasi Android yang tangguh yang dapat mengakses fitur asli ponsel.

Tautan ini memberikan metode langkah bijak untuk membuat aplikasi android Phonegap menggunakan windows, html dan javascript.

Aakshay Subramaniam
sumber