Junpei Qawasaki

博報堂アイ・スタジオという会社でテクノロジーをベースに新規事業とかインタラクティブなものとかを色々とやっております

【Android】PhoneGap3.3でアプリパッケージをつくる

今度はPhoneGap3.3でAndroidのプロジェクト作るのにハマったのでメモります。
公式のコミュニティサイトでも古い2.x系の情報しかないので面倒だったので。

1.土台となるディレクトリを作成する

下記コマンドを実行して任意の場所にディレクトリを作成する。

$ cordova create moyomoyo com.kirin gorogoro

上記を実行するとmoyomoyoという名前でディレクトリが作られ、その下にこんな感じにディレクトリ色々出来上がります。
f:id:jkawasaki:20140107184957p:plain

"gorogoro"はアプリ名で"com.kirin"はパッケージ名です。それぞれ好きな名前を付けてください。

で、moyomoyo配下に移動します。

$ cd moyomoyo

2.Androidのパッケージを作成

コマンドは下記です。

$ cordova platform add android

しかしなんとこんなエラーが出ました。
Error: The command "android" failed. Make sure you have the latest Android SDK installed,
場所がいけない?いやそんなはずはない。

調べてみたら単純でtoolsにPATHが通ってないのでコマンドが使えないよって事でした。
下記コマンドでPATHを通します。

export PATH=${PATH}:[ADTのいるディレクトリ]/adt-bundle-mac-x86_64-20131030/sdk/tools

気を取り直して実行。

次はこんなエラーが出ました。
Error: Please install Android target 19 (the Android newest SDK).
SDKのターゲット19が入っていないと駄目って事らしいす。
下記コマンドを実行してターゲットをインストールします。

$ android

こんな感じでSDK Managerが上がってくるので19をインストールしましょう。
f:id:jkawasaki:20140107185143p:plain

で、もう一度コマンドを叩くと
f:id:jkawasaki:20140107185200p:plain

出来ました。
[moyomoyo]➡[platform]➡[android]配下にプロジェクト一式が出来上がってます。
f:id:jkawasaki:20140107185215p:plain

出来上がったアプリ名は最初のコマンドで指定したパッケージ名とアプリ名が反映されてます。
あとはここのassetsにJSとかHTMLを突っ込めば動きます。

めんどくさ。