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

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

phonegapコマンドラインまとめ

phonegapでアプリをビルドしたりスマホにインストールしたりするやり方をまとめておく。まだphonegap環境が作れていない場合は、こちらの記事を参照。

環境

windows8.1
phonegap3.4.0

コマンドライン

プロジェクトの作成。-nオプションでフォルダ名を、-iオプションでアプリケーションIDを指定する。

phonegap create hello -n HelloWorld -i com.example.hello

プロジェクトのビルド実行。runオプションを使えばビルドから端末へのインストール、アプリの起動までを自動で行ってくれる。

phonegap run android
または
phonegap run ios

ビルドだけしたいならrunの部分をbuildに、インストールだけしたいならrunの部分をinstallに変更する。

下記のエラーが出る場合は、cdコマンドでphonegapプロジェクトフォルダにカレントディレクトリを移しておくこと。

[Error: project directory could not be found]
[error] project directory could not be found

Adobe PhoneGap BuildというWebサービスを使えば、インターネット上でアプリのビルドができる。

しかも証明書さえそろっていれば、androidiphone向けのアプリがビルドできる。これは素晴らしい!

日本語がいい人はphonegap buildサイトの画面の一番下までスクロールして日本語を選択。

f:id:kawai_norimitsu:20140517135558p:plain

無料プランに登録したら、さっそくビルドしてみる。

ファイルをzip形式に圧縮してアップロードしてビルドしてもいいのだけれど、それは面倒なのでコマンドラインからビルドしてみよう。

まずはphonegap buildにコマンドラインからログイン

phonegap remote login -u hoge@hoge.com -p hoge

次にビルド。引数にandroidと指定してあるけれど、実際にはiosアプリもビルドされる。

phonegap remote build android

ビルドできたら、phonegap buildのサイトにあるQRコードからアプリをスマホにインストールする。

f:id:kawai_norimitsu:20140517140532p:plain

もしこんなエラーが表示された場合は、phonegap buildにログインして鍵を解除しておく。

[phonegap] compressing the app...
[phonegap] uploading the app...
[phonegap] building the app...
[Error: error occured while building the android app]
[error] error occured while building the android app

f:id:kawai_norimitsu:20140517140102p:plain

ログイン状態は保持されるので、例えパソコンを再起動してもremote buildコマンドがすぐ使える。

セキュリティが気になるなら、下記のコマンドでログアウトしておく。

phonegap remote logout

最後にプラグイン関連。まずはプラグインの追加。

phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git

インストール済みプラグインの表示。

phonegap local plugin list
[phonegap] org.apache.cordova.core.console

プラグインの削除。

phonegap local plugin remove org.apache.cordova.core.console