Cordova のインストールと開発環境構築
@anatoo 先生の書籍と以下の神記事を参考にハイブリッドアプリ開発環境を構築。
準備
ADT
- http://developer.android.com/sdk/index.html
- Download したファイルをダブルクリックなり unzip コマンドで伸張して、Applications フォルダに移動。
- ~/.bash_profile
export PATH=/Applications/ADT/sdk/tools:$PATH
export PATH=/Applications/ADT/sdk/platform-tools:$PATH
- 事後確認
air% which android
/Applications/ADT/sdk/tools/android
air% which adb
/Applications/ADT/sdk/platform-tools/adb
air% adb version
Android Debug Bridge version 1.0.31
node.js
pkg 落としてきてインストールする。
air% node -v
v0.11.11
※ v0.11 は開発版なので、http://nodejs.org/ から v.10 落とした方が安全だと思います。
Cordova install
- 事前確認
air% npm -v
1.4.23
- インストール
air% npm install cordova -g
air% sudo npm install cordova -g
- 確認
air% cordova -v
3.5.0-0.2.6
project
air% cordova create hello com.example.hello HelloWorld -d
air% cd hello
air% cordova platform add ios
Creating ios project...
air% cordova platform add android
Creating android project...
Creating Cordova project for the Android platform:
<略>
Project successfully created.
add android で大抵エラーになるはずなので、下記参照の事。
ant
- ant が入ってない時のエラー。
air% cordova platform add android Downloading cordova library for android... Download complete Creating android project... /Users/yoya/.cordova/lib/android/cordova/3.5.0/bin/node_modules/q/q.js:126 throw e; ^ Error: ERROR : executing command 'ant', make sure you have ant installed and added to your path. at /Users/yoya/.cordova/lib/android/cordova/3.5.0/bin/lib/check_reqs.js:47:27
- (記事、冒頭の方に書いた方法でインストール)
android
大抵の場合は、android project 作成途中でこのエラーがでるはず。
air% cordova platform add android Creating android project... /Users/yoya/.cordova/lib/android/cordova/3.5.0/bin/node_modules/q/q.js:126 throw e; ^ Error: Please install Android target 19 (the Android newest SDK). Make sure you have the latest Android tools installed as well. Run "android" from your command-line to install/update any missing SDKs or tools. at /Users/yoya/.cordova/lib/android/cordova/3.5.0/bin/lib/check_reqs.js:80:29
- もしかしたら、上の Android Build tools は追加要らなかったかも。(未検証)