PhoneGap(Cordova) のインストールと始め方

PhoneGap公式ドキュメントがぐちゃぐちゃなので、メモ。

実行バージョン: phonegap 3.3.0-0.18.0

2014/03/03 時点

cordovaを使いたい場合は、以下のphonegapをcordovaに置き換えればそのまま問題ない! わけではなくCLIコマンドは振る舞いがちがうようです。


大まかな流れ


  • Node.jsをインストール

  • npm で phonegap (or cordova) をインストール

  • phonegap create でプロジェクト作成

  • ビルド

  • 実行


スクリーンショット付きで知りたい場合

スクリーンショット有りで詳しく知りたい人は、以下を読む方がわかりやすいです。

http://www.atmarkit.co.jp/ait/articles/1308/28/news014.html

さくっと知りたい人は、以下を読みましょう。


Node.jsのインストール

以下の公式サイトから、ダウンロード&インストールして下さい。

(Node.jsのバージョンごとの管理をしたい場合は、ググって下さい。)

http://nodejs.org/

理由: npm で phonegapをインストールするため


PhoneGap(Cordova) のインストール

npm install -g phonegap 


プロジェクトの作成

phonegap create プロジェクト名


ビルドのみの場合

phonegap build [プラットフォーム名(ios|android)]


エミュレータ実行のみの場合

phonegap emulate [プラットフォーム名(ios|android)]


ビルド&実行 (iOS)

phonegap run ios

ios-sim のバージョンが古いと言われたので、以下を実行

npm install -g ios-sim


ビルド&実行 (Android)

phonegap run android

Androidのエミュレータは、遅いので実機が良い


cordova と phonegap コマンドの違い

phonegap には、platform add コマンドがない

cordova では、以下が必要だそうです。

cordova platform add [プラットフォーム名]


その他

プラグインのダウンロード、インストールは、別記事に書きます。


検索用語

phonegap, cordova, install, インストール, setup, セットアップ, 始め方, ios, android