Cordova (PhoneGap) をインストール

Cordovaのバージョン3.0.0がリリースされている。http://cordova.apache.org/

1.xの時代に試してみたことはあるけど、公開中のアプリでは利用するのは控えた。でも、いろいろ改善されてそうだし、便利そうなのでまた試してみる。

インストールには、まず、node.jsが必要。Brewを使ってMacにいれる。

$ brew install npm

その後、

$ sudo npm install -g cordova

とやってcordovaをインストール。iOSやAndroid用のアプリにするには、それぞれのSDKが必要。これはすべて既にインストールされているはず。Android用にいくつかパスを通す必要があった。どこにSDKを置いているのかによるけど、次のような感じ。

export PATH=${PATH}:/Development/adt-bundle/sdk/platform-tools:/Development/adt-bundle/sdk/tools

あと、ドキュメントには特に書かれていないみたいだけど、自分の場合は「/usr/local/share/npm/bin」にパスを通す必要があった。そうしないと、cordovaコマンドが使えない。

さて、これでインストールは完了。公式ドキュメントに即してサンプルアプリを作ってみる。

$ cordova create HelloWorld com.example.hello "HelloWorld"

これで、カレントディレクトリにHelloworldディレクトリができる。そこに移動する。

 $ cd HelloWorld

「www」って名前のディレクトリの中に、jsファイルやらhtmlファイルがある。

  $ cordova platform add android
  $ cordova platform add ios

android用と、ios用のアプリをつくれるようになった。なお、androidの方は、ちゃんとパスを通していないと次のようなエラーになる。

$ cordova platform add android

[Error: The command `android` failed. Make sure you have the latest Android SDK installed, and the `android` command (inside the tools/ folder) added to your path. Output: /bin/sh: android: command not found

]

成功するとplatformsディレクトリに、androidやiosなどの名前でプラットフォームごとにディレクトリが作られる。どのファイルをどのくらい編集していいのか、まだよく分からないけど、今日はとりあえずこのへんで。