2013-07-26

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などの名前でプラットフォームごとにディレクトリが作られる。どのファイルをどのくらい編集していいのか、まだよく分からないけど、今日はとりあえずこのへんで。

0 件のコメント: