読者です 読者をやめる 読者になる 読者になる

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

ネットで調べても出てこなかった情報を載せていきたい技術系ブログ。

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

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

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

環境

Windows8.1
phonegap3.4.0

Phonegapの環境構築

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

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

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

f:id:kawai_norimitsu:20140505103458p:plain

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

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

4.下記のURLからJDK(Java SE Development Kit)をインストールする。
http://www.oracle.com/technetwork/jp/java/javase/downloads/jdk7-downloads-1880260.html

環境変数JAVA_HOMEをwindowsに追加する。やり方は下記を参照。
http://www.javadrive.jp/install/jdk/index4.html

5.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;

Phonegapのインストール

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

C:\> npm install -g phonegap
Phonegapの使い方

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

C:\> phonegap create my-app

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

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

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