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

  • 46
    いいね
  • 2
    コメント
この記事は最終更新日から1年以上が経過しています。

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

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

cordova と phonegap コマンドの違い

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

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

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

その他

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

検索用語

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