Phonegap CordovaインストールWindows


120

phonegap / cordovaのドキュメントはひどいものです。私がしようとしているのは、Windows環境にPhoneGap 3.0をインストールすることだけですが、成功しません。

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

指示によると:

  1. Node.jsをインストールする(SUCCESSFUL)
  2. nodes.jsから:install -g cordova(SUCCESSFUL)
  3. プラットフォームを追加:(発生しcordova platform add wp8ない)
  4. phonegapで試してください:phonegap install wp8(ERRORプロジェクトディレクトリが見つかりませんでした)

Windows Phone 8プラットフォームガイド』より

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

えっ?ディレクトリはどこにありますか?!?!だから私はAppData \ Localに埋め込まれた文書化されていないphonegapディレクトリを見つけました...そしてlibsディレクトリがありますが、WP8サブフォルダーは確かにありません。どこからインストールしますか?おそらく上記のadd platformコマンドですが、addコマンドは単に新しいコマンドプロンプトに戻ります。

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

エラー-'platform add wp8'はノードではありません。

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


cordova create hello com.example.hello HelloWorldコードを配置するディレクトリにアプリを作成し、作成cordova platform add wp8したプロジェクトディレクトリで実行する必要があると記載されています。
dfockler 2013

5
私はこれ以上同意することができませんでした、私も週末に6時間それを働かせようとして腹を立てました。物事を行うcli方法は、提供された指示では機能しません。最初の部分では、phonegapコマンドをインストールして使用するように指示されています。次に、androidセクションに移動すると、cordovaコマンドの使用に切り替わります。マシンにsdkがインストールされていても、どのようにしてAndroidプラットフォームを認識させることができるかわからなかったのです。
Jay13 2013

7
執筆の質は、ドキュメントがテストされたことがないように見えて、間違っているという事実ほど私を悩ませません。
Erik Reppen 2013年

3
また、ドキュメンテーションが矛盾しているようです。あるページではそれをある方法で行うように言い、別のページでは完全に異なるアプローチを説明しています!私はAndroidデベロッパーツールのPhonegap拡張機能の部分をボタンとして(Eclipseで)使いやすくしました。今、ADTをアップグレードした後、それはなくなっています。私はphonegapプラットフォームを実行してandroidを追加し、wp8で上記のように何も起こらなかった なぜそれをzipとしてダウンロードできないのですか?またはgit cloneを使用しますか?
Bruce Whealton 2013年

私は、phonegapのインストール方法を段階的に説明した記事を書きました。Androidデバイスに合わせて調整されていますが、唯一の違いはWindows / Android SDKの部分です:kapitanh.blogspot.de/2014/02/native-android-apps-with.html
Kai Hartmann

回答:


131

数時間の欲求不満の後...これが私が発見したものです。

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

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


7
ドキュメントを使用するとwww、すべてのプラットフォームで1つの「グローバル」フォルダを使用できます。
ジャスティンD.

3
これをありがとう、私は多くの悪化を救ったと確信しています。また、これはAndroid向けのPhonegapを設定する人にとって優れたリソースです:リンク
Oliver Holmberg

真剣ですか?これは本当ですか?本当に怒っているのか、とても幸せなのかはわかりません。コマンドラインなしでもプラグインを追加できますか?そして、これは非常に異なるPhonegap 3.0でもまだ有効ですか?
Wytze 2013

Frigonの説明は素晴らしいですが、createTemplates.batを実行して、テンプレートフォルダーにコピーするものであるzipファイルを生成する必要があることを説明する必要があります。
Hexodus 2013年

Hexodus、それはこのステップがどこにも文書化されているようには見えません、あるいは少なくともそれはまったく明確ではありません。想像できるように、cordovaコマンドを実行して1つのページを開始し、次に「phonegapを使用する」と表示されている別のページに移動することは、非常に混乱しています。オリバー、あなたのリンクは素晴らしいです、ページは非常に明確です。しかし、私はほとんどリンクを見過ごしていました。「優れたリソースとは」と考え始めました。それから私はそのリンクを偶然見つけ、素晴らしいリソースを見つけました。敬意を表して、優れたリソースからリンクに至るまでのすべてがリンク、IMHOであることをお勧めします。
Bruce Whealton 2013年

54

私は同じ問題に直面し、ドキュメントを読んで通過するのに1時間も苦労しましたスタックオーバーフローで報告されやその他の問題を、それに対する答えは見つかりませんでした。そこで、Windowsマシンでphonegap / cordovaを正常に実行するためのガイドを次に示します。

次の手順を実行します

  1. からnode.jsをダウンロードしてインストールします http://nodejs.org/
  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
    cordova@3.0.9 C:\ Users \ binaryuser \ AppData \ Roaming \ npm \ node_modules \ cordova
    ├──ncallbacks@1.0.0
    ├──open@0.0.3
    ├──colors@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(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)
    ├──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. 上記の行を見ると、ファイルが言及されている場合のパスがわかります。そのパスをコピーします。私の場合は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 uninstall phonegap」を実行し、その場合はユーザーとして再度インストールできます。
vicenteherrera 2013

1
注、あなたが使用する必要がありNode.js command prompt、Windowsのcmd.exeを内蔵していません、
loadedion

2
@gotnull私はあなたの動きを2番目にします。
ジェイジェイジェイ14

2
node.jsコマンドプロンプトを使用しようとすると、システムターミナルを使用するように指示するエラーが表示されました。これはNode.js v0.10.26用です。
John Macon

この答えは、公式の説明にあるものを正確に伝えていますが、これは機能しますが、これはwp8テンプレートの部分には答えません。npでCordova / phonegapをインストールするときにwp8フォルダーもcreateTemplates.batファイルも見つかりません。これは主に問題のポイントです。
MatthieuHarlé2014年

18

この回答は最初にここに投稿されました: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こんにちは

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

    コルドバプラットフォーム追加wp8

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

    Cordovaプラグインはorg.apache.cordova.deviceを追加します
    Cordovaプラグインはorg.apache.cordova.cameraを追加します
    Cordovaプラグインはorg.apache.cordova.media-captureを追加します
    Cordovaプラグインはorg.apache.cordova.mediaを追加します
    

  5. 最後に、次を使用してアプリを生成します。
    コルドバビルドWP8

PhoneGap Cordova 3.3.0ドキュメント へのリンクは次のとおりです。http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface


1
また、ビルドコマンドは機能しましたか?Visual Studioでビルドできますが、コマンドラインからはビルドできません。エラー:D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified.探しているファイルが不明です。
アトランティス2014

1
56行目でLog("Command: " + command);はコメントアウトされています。コメントを外すとが出力されcommand、探しているファイルがわかります。
Edward Grech 14年

ステップ2では、「cd HelloWorld」ではなく「cd hello」にすべきだと思います。
Jarnal 2014年

6

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

それを取得するには、次の手順に従います。

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

4

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プラットフォームツールとツールディレクトリへのパスを追加する必要があります。例:D:\ adt-bundle-windows-x86_64-20130219 \ sdk \ platform-tools; D:\ adt-bundle-windows-x86_64-20130219 \ sdk \ tools編集を保存します。[環境変数]ダイアログを閉じます。

  5. さらに、PATHに%JAVA_HOME%\ binを含める必要がある場合もあります。これが必要かどうかを確認するには、コマンドプロンプトを実行してjavaと入力します。プログラムが見つからなかった場合は、%JAVA_HOME%\ binをPATHに追加します。%JAVA_HOME%環境変数を使用する代わりに、完全パスを指定する必要がある場合があります。
  6. 最後に、%ANT_HOME%\ binをPATHに含める必要がある場合もあります。これが必要かどうかを確認するには、コマンドプロンプトを実行してantと入力します。プログラムが見つからない場合は、PATHに%ANT_HOME%\ binを追加します。%ANT_HOME%環境変数を使用する代わりに、完全パスを指定する必要がある場合があります。新しいプロジェクトのセットアップ

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

次のように入力します:./create

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

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

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

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

表示されるリストからデバイス定義を選択します。(現在のリストには項目が1つしかありません。)上記のウィンドウで[新規]を押して、新しい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

私は同じ問題を抱えていましたが、最後にこれを行うことで成功しました。この画像を投げてください。PhaseRunすべてのコマンドを電話ツールコマンドプロンプトで実行してください。 ここに画像の説明を入力してください


こんにちはマユール。上記の方法で試してみます。プラットフォームの追加でエラーが発生しました。コルドバプラットフォームを入力した後wp8を追加します。次のエラーが発生しましたエラー:「bin」フォルダに「check_reqs.js」が見つかりませんでした。中止します...
グルナサン

@mayur-私にとっても機能しません。私は「コルドバ」が認識されない、まあまあ、まあ、まあまあを取得します。私が想定するパスの問題。しかし、コルドバはどこですか?
schmidlop 2014

1

この 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では、iOS用のエミュレータービルディングを実行するためにHyper-V対応のPCが必要であり、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ビルドプロセスとリップルの依存関係として必要

SQLLite for Windowsランタイム– SQL接続をWindowsアプリに追加するために必要(WebSQL Polyfillプラグイン用)

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

ここに画像の説明を入力してください


0

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


0

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

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


0

初心者にとって、電話ギャップは少しトリッキーです。私は多くの時間を費やして、電話のネイティブ機能にアクセスできる堅牢なAndroidアプリケーションを作成するための最適な方法を見つけようとしました。

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


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.