【最新】2014年度版！WindowsでのPhonegapのインストール・環境構築から使い方まで

WindowsにPhonegapを入れてみた。phonegap buildを使えばwindows環境だけでandroidアプリとiphoneアプリが作れちゃう。

phonegapはインストールにnode.jsやら、当たり前だけどビルドにjavaを使ってたりするので、環境構築や設定が面倒臭い。なのでメモしておく。

Windows8.1
phonegap3.4.0

１．下記のURLからNode.jsとnpm(node package manager)をインストールする。
http://nodejs.org/

２．下記のURLからmsysgitをインストールする。
http://msysgit.github.io/

インストール途中で「Adjusting your PATH environment」の項目があるので、真ん中の「Run Git from the Windows Command Prompt」を選択してPATHを通しておく。

f:id:kawai_norimitsu:20140505103458p:plain

３．下記のURLからAntをダウンロードする。
http://ant.apache.org/bindownload.cgi

Antのzipファイルを解凍して、Cドライブ直下に移動する。
あとwindowsの環境変数にAntまでのPATHを追加しておく。

５．AndroidSDKをダウンロードする。Eclipseも付属している。
http://developer.android.com/sdk/index.html?hl=sk

AndroidSDKのzipファイルを解凍して、フォルダ名を「android-dev」など変更。
Cドライブ直下に移動する。

あとwindowsの環境変数にSDKまでのPATHを追加しておく。
C:\android-dev\sdk\tools;
C:\android-dev\sdk\platform-tools;

npmコマンドを使ってインストールする。

C:\> npm install -g phonegap

phonegapコマンドを使ってアプリを自動生成する。

C:\> phonegap create my-app

アプリをビルド・実行する。

C:\> cd my-app
C:\> phonegap run android

実機をパソコンにUSB接続している場合はそのまま実機でアプリが起動する。
USB接続されていない場合はエミュレーターでアプリが起動する。

ノラプログラマーの技術メモ