web-dev-qa-db-ja.com

Phonegap CordovaインストールWindows

Phonegap/cordovaのドキュメントは絶対に恐ろしいものです。 Windows環境にPhoneGap 3.0をインストールするだけですが、成功しません。

以下は私のステップと失敗のポイントです。誰でも解決策についてアドバイスできますか？

指示 によると：

  1. Node.jsのインストール（成功）
  2. Nodes.jsから：install -g cordova（SUCCESSFUL）
  3. プラットフォームの追加：cordova platform add wp8（NOTHING HAPPENS）
  4. Phonegapで試してください：phonegap install wp8（エラープロジェクトディレクトリが見つかりませんでした）

「 Windows Phone 8プラットフォームガイド 」から

  1. Windows SDKのインストール（成功）
  2. 「[PhoneGapの最新コピーをダウンロードして抽出します。lib\ windows-phone-8\wp8サブフォルダーで作業します。lib\ windows-phone-8\wp7には、CordovaのWindwos Phone 7バージョンが含まれます。]

え？！？！ディレクトリはどこにありますか？！？！そのため、ドキュメント化されていないphonegapディレクトリがAppData\Local ...に埋まっていることがわかりました。IS libsディレクトリがありますが、WP8サブフォルダはありません。どこからインストールしますか？おそらく上記のadd platformコマンドですが、それを追加すると、新しいコマンドプロンプトに戻ります。

Phonegapコマンドを使用してみました：phonegap plaform add wp8

エラー-「プラットフォーム追加wp8」はノードではありません。

オープンソースを入手しましたが、これは残忍なスパゲッティのリファレンスドキュメントです。 WP8用に3.0を正常にインストールできた場合は、ポインターが役立ちます。

windowscordova
120
frigon

数時間のフラストレーションの後...ここに私が発見したものがあります。

  1. インストールドキュメントとすべてのコマンドライン、node.jsなどを無視します（これには何時間も無駄になります）。
  2. Githubに移動し、単に PhoneGap master .Zip をダウンロードします
  3. そのZipには、窓電話などのプラットフォーム用のプロジェクトファイルがあります...それらのテンプレートを使用してください。

このような簡単なプロセスがどのように悪いドキュメントになるかはわかりません。それはまるで弁護士によって書かれたかのようです。

131
frigon

同じ問題に直面し、 ドキュメント とStack Overflowで報告された他の問題を読んでパスを取得するのに1時間苦労しましたが、答えが見つかりませんでした。 Windowsマシンでphonegap/cordovaを正常に実行するためのガイドを次に示します。

次の手順を実行します

  1. http://nodejs.org/ からnode.jsをダウンロードしてインストールします
  2. コマンドnpm install -g phonegap（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 
 [email protected]。 9 C：\ Users\binaryuser\AppData\Roaming\npm\node_modules\cordova 
├──[email protected] 
├──[email protected] 
├─ ─[email protected] 
├──[email protected] 
├──[email protected] 
├──[email protected]（underscore @ 1.5.2）
├──[email protected]（[email protected]）
├──[email protected]（[email protected]、[email protected]） 
├──[email protected]（node-uuid @ 1.3.3、pegjs @ 0.6.2）
├──[email protected]（inherits @ 2.0.1、minimatch @ 0.2.12）
├──[email protected]（[email protected]、[email protected]）
├──[email protected]（[email protected]、 block-stream @ 0.0.7、fstream @ 0.1.24）
├──[email protected]（revalidator @ 0.1.5、pkginfo @ 0.3.0、read @ 1.0.5、utile @ 0.1。 7、winston @ 0.6.2）
├──[email protected]（json-stringify-safe @ 4.0.0、aws-sign @ 0.3.0、qs @ 0.6.5、aut h-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）
├──[email protected]（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）
├ ──[email protected]（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） 
├──[email protected] 
└──[email protected]（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. [Advanced]タブの下の[Environment Variables]をクリックします。
    4. PATH変数を選択して、Editをクリックします。
    5. 上記のパスを値フィールドにコピーし、OKを押します。
54
binaryuser

この回答は最初にここに投稿されました： cordova/phonegapはAndroidディレクトリを作成しません

Cordova 3.3.0のリリースにより、PhoneGapチームは命名の混乱に対処しようとしているようです。マニュアルを更新して、代わりにcordovaコマンドを使用するユーザーを推奨しています。使用しないでください phonegap もうコマンド。

トラブルのないセットアップを保証するための新しいインストールガイドを次に示します。

  1. Cordovaをインストールします（今後PhoneGapという名前を忘れてください）。 PCの場合：

    C：> npm install -g cordova

  2. コマンドプロンプトから、次を使用してプロジェクトを作成するフォルダーに移動します。

    cordova create hello com.example.hello HelloWorld 
 cd hello

  3. たとえば、サポートするOSを定義します。

    cordovaプラットフォームはWP8を追加

  4. プラグインをインストールします（必要な場合）。たとえば、次のものが必要です。

     cordovaプラグインorg.Apache.cordova.device 
 cordovaプラグインadd org.Apache.cordova.camera 
 cordovaプラグインadd org.Apache.cordova.media-capture 
 cordovaプラグインorg.Apache.cordova.media 
を追加
  5. 最後に、次を使用してアプリを生成します。
    cordova Build wp8

ここにリンクがあります PhoneGapCordova 3.3.0ドキュメント http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface

18
James Wong

私もこの同じエラーに直面しました。そして、GitHubからPhoneGapマスターをダウンロードしようとしましたが、手に入れたのはPhonegap 2.9であることがわかりました。最終的に Cordova 3 Source をダウンロードする必要がありました

入手するには、この手順に従ってください。

  1. Cordova 3 Source をダウンロードして解凍します
  2. Cordova-wp8フォルダーでtemplate.batを実行します
  3. 生成されたZipファイルをVisual Studioテンプレートフォルダーにコピーします。
6
Layinka

WindowsでのPhonegap Cordovaインストール

要件

  • Eclipse + ADTプラグイン
  • Android SDKツール
  • Androidプラットフォームツール
  • 最新のPhoneGap Zipフォルダー。その内容を抽出します。

サポートされているAndroidデバイス

Android 2.2 Android 2.3 Android 4.x Phonegap Cordovaのインストール

AndroidのPATH環境変数を設定する

  1. デスクトップから、[マイコンピュータ]を右クリックし、[プロパティ]をクリックします。

  2. 左の列にある[システムの詳細設定]リンクをクリックします。

  3. システムプロパティウィンドウで、環境変数ボタンをクリックします。

  4. [システム変数]セクションからPATH変数を選択します。 [編集]ボタンを選択します。 Android SDK platform-tools and toolsディレクトリにパスを追加する必要があります。例：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. 最後に、PATHにも％ANT_HOME％\ binを含める必要がある場合があります。これが必要かどうかを確認するには、コマンドプロンプトを実行し、antと入力します。プログラムが見つからない場合は、％ANT_HOME％\ binをPATHに追加します。 ％ANT_HOME％環境変数を使用する代わりに、フルパスを指定する必要がある場合があります。新しいプロジェクトのセットアップ

コマンドプロンプトを開き、CordovaディストリビューションのAndroidサブフォルダー内のbinディレクトリに移動します。

入力：./create

次にEnterを押し、Eclipseを起動します。 [ファイル]メニュー項目で、[インポート...]を選択します

インポート「既存のAndroidコードをワークスペースに」を選択し、「次へ>」をクリックします。

コマンドプロンプトで作成されたプロジェクトを参照します。 [完了]をクリックします。エミュレーターにデプロイEclipse内から、このツールバーアイコンを押します。

開くと、Android SDK Managerにさまざまなランタイムライブラリが表示されます。ここから要件に従ってAPIをインストールします。 Eclipse内から、このツールバーアイコンを押します。

表示されるリストからデバイス定義を選択します。 （現在のリストにはアイテムが1つしかありません。）上記のウィンドウで[新規…]を押して、新しいAndroid仮想デバイス（AVD）を作成し、それを使用してプロジェクトを実行します。

エミュレータを別のアプリケーションとして開くには、AVDを選択して[スタート]を押し​​ます。デバイス上と同じように起動し、ハードウェアボタンに追加のコントロールを使用できます。

デバイスに展開：

デバイスでUSBデバッグが有効になっていることを確認し、システムに接続します。プロジェクトを右クリックして、[実行]> [Androidアプリケーション]に移動します。

続きを読む...

4
Ajay Patel

Phonegapのインストールで問題が発生していました。管理者としてcmdを実行してからコマンドを実行すると、問題が修正されました

npm install -g phonegap

正常にインストールされます。

次に、それがインストールされているディレクトリでcmdを開き、コマンドphonegapを実行すると正常に機能していました。これでもっと遊んでみよう:)

このすべての助けをありがとう仲間。

2
Altaf Hussain

C:\phonegap-2.9.0\lib\windows-phone-8 there'sには、createTemplates.batというバッチファイルがあります。このファイルを実行する必要があります。これにより、ドキュメントに記載されているCordovaWP8_2_9_0.Zipファイルが作成されます。

2
Steve Drucker

私はこれを見つけました CTP1.1用Visual Studioドキュメントのマルチデバイスハイブリッドアプリ最終更新日：2014年5月29日 。

次のドキュメントの内容の一部。

このリリースでは、次のデバイスターゲットのアプリのビルドをサポートしています。

Android 4+（最適な開発者エクスペリエンスを提供する4.4）iOS 6および7 Windows 8.0（ストア）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ドライバーをインストールできるPCで最適に動作します

Windows Phone 8には、エミュレーターを実行するためにHyper-V対応のPCが必要ですiOS用のビルドおよびiOSシミュレーターを使用するには、Xcode 5.1を実行可能なMacが必要です

サードパーティの依存関係：

Joyent Node.js – Visual StudioをApache Cordovaコマンドラインインターフェイス（CLI）およびApache Ripple™Emulator Git CLIと統合できるようにします–プラグインのgit URIを手動で追加する必要がある場合にのみ必要です

Google Chrome – iOSおよびAndroid用のApache Rippleエミュレーターの実行に必要

Apache Ant 1.8.0+ – Androidビルドプロセスの依存関係として必要

Oracle Java JDK 7 – Androidビルドプロセスの依存関係として必要

Android SDK – AndroidビルドプロセスとRippleの依存関係として必要

SQLLite for Windows Runtime – WindowsアプリにSQL接続を追加するために必要（WebSQL Polyfillプラグイン用）

Apple iTunes – Windows PCに接続されたiOSデバイスにアプリを展開するために必要

enter image description here

1
Reva

私は同じ問題を抱えていましたが、最後にこれを行うことで成功しましたこの画像を投げてください。PHONE TOOL COMMANDプロンプトですべてのコマンドを実行してください enter image description here

1
Mayur

Phonegapは、新入生にとって少し注意が必要です。携帯電話のネイティブ機能にアクセスできる堅牢なAndroidアプリケーションを作成するための最適な方法を見つけることに時間を費やしました。

このリンク は、windows、html、javascriptを使用してPhonegap Androidアプリケーションを作成するための段階的な方法を提供します。

0
Aakshay Subramaniam

Windowsで管理者としてCMDを実行するとうまくいきましたが、人々がカスタムディレクトリにアイテムをインストールしようとすることはあまりないので、それは完全に理にかなっていると思います。そのため、Windowsディレクトリにnode.jsをインストールしてから、Unelevated CMDにPhoneGapをインストールしようとすると、パス変数を設定するのに苦労します。

0
Haroon Dilshad

同じ問題がありました。数時間を失った後、インストールされたnode.jsのバージョンが0.8であることがわかりました。しかし、node.js Webサイトからバージョン0.10をダウンロードしてインストールしました。

再度ダウンロードしてインストールしたところ、バージョンは0.10になりました。結果：このバージョンでPhoneGapが正常にインストールされました。

0
gabrieloliveira