Cordova のインストールと開発環境構築

@anatoo 先生の書籍と以下の神記事を参考にハイブリッドアプリ開発環境を構築。

準備

ADT

air% mv adt-bundle-mac-x86_64-20140702 /Applications/ADT

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 落とした方が安全だと思います。

ant (初めに入れるの忘れて途中でエラーになった)

ここから最新版を落として、

air% sudo mv apache-ant-1.9.4 /opt/.

export PATH=/opt/apache-ant-1.9.4/bin:$PATH

確認

air% ant -version
Apache Ant(TM) version 1.9.4 compiled on April 29 2014

(/opt で良かったのか要検討)

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 コマンドで SDK 19 を追加する。

air% android


  • もしかしたら、上の Android Build tools は追加要らなかったかも。(未検証)

build

iOS

(android プロジェクトが無い時のログ)

air% cordova build
Running command: /Users/yoya/hello/platforms/ios/cordova/build
<略>
/usr/bin/touch -c /Users/yoya/hello/platforms/ios/build/emulator/HelloWorld.app

BUILD SUCCEEDED **

android

(android プロジェクトを追加した時のログ)

air% cordova build
Running command: /Users/yoya/hello/platforms/android/cordova/build
Buildfile: /Users/yoya/hello/platforms/android/build.xml
<略>
/usr/bin/touch -c /Users/yoya/hello/platforms/ios/build/emulator/HelloWorld.app

BUILD SUCCEEDED **