html5,css,javascriptでアプリが開発できる"Apache Cordova"のインストール
バージョンの違いによって、手順が違うようなのでメモしときます。
Cordovaのバージョンは"3.4.0"です
@date 2014-04-05
環境
$ sw_vers ProductName: Mac OS X ProductVersion: 10.9.2 BuildVersion: 13C64
以下の手順を行うためには、node.jsが必要になるので、先にインストールが必要です。
cordovaをインストール
$ sudo npm install -g cordova
※パッケージをダウンロードしたりインストールするログが出力されます
$ cordova -v 3.4.0-0.1.3
プロジェクトを作成
$ cordova create hello com.example.hello HelloWorld
cordova create
- プロジェクトを作成するコマンドです
hello
- ここで指定した名前がプロジェクトのディレクトリになります
com.example.hello
- プロジェクトのID、オプションのため指定しなくてもOK
HelloWorld
- アプリが実機上で表示されるときの名前になります
プラットフォームを追加
iOSやAndroidなど、配布したいアプリのプラットフォームを追加します。
先ほど、作成したプロジェクトのディレクトリに移動します
$ cd hello
プラットフォームを追加します
$ cordova platform add ios
プラットフォームを確認します
$ cordova platform ls Installed platforms: ios 3.4.0
アプリのビルド
$ cordova build ~ ビルドのログが出力される ~ ** BUILD SUCCEEDED **
アプリの実行
$ cordova emulate ios
実行するとiOSシミュレータが起動します
実機で確認する場合は、Xcodeプロジェクトを開き実行する必要があります。
プロジェクトは、今回の例でいくと下記のディレクトリにあります。
hello/platforms/ios/HelloWorld.xcodeproj
参考:http://cordova.apache.org/docs/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface